本文部署后的足迹地图如下:
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.收工,访问新建的独立页面即可。