本文部署后的足迹地图如下:
https://313390.xyz/index.php/51.html
github参考地址:
https://github.com/HelloWuJiaYi/jVectorMap-Footprint
注意事项:
- 1.在自已的typcho博客根目录下新建map目录,将index.html和js脚本文件夹放入其中,然后修改nginx增加配置:
# Map info
location /map {
index index.html;
#try_files $uri $uri/ =404;
add_header X-Frame-Options "ALLOWALL";
}
- 2.修改index.html,可根据注释修改使用中国地图或者世界地图,然后增加自已的足迹点,足迹坐标可参考:
https://jingweidu.bmcx.com/ 3.新建独立页面,引入如下代码:
!!! <iframe style="max-width: 100%" frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="600px" src="https://313390.xyz/map/index.html"> </iframe> !!!
- 4.收工,访问新建的独立页面即可。