博客插入地图功能

如何插入地图

• 首先，下载这个https://qydzz.cn/ditu/ditu.zip文件
• 然后上传到你的服务器，地址如 http://域名/ditu
• 解压，然后访问该路径，能显示网页地图即可

博客写文章的时候需要插入该地图，添加以下代码，放在你想要放的位置，记得下面域名换成你的

<div style="position: relative; ">
  <iframe style="max-width: 100%" 
  frameborder="no" 
  border="0" 
  marginwidth="0" 
  marginheight="0" 
  width="100%" 
  height="450px" 
  src="https://你的域名/ditu">
  </iframe>
  </div>

• 如图所示

• 然后发布就可以了

增加地图标点

• 后面我们需要增加位置地图标点，就编辑刚刚上传的文件，找到index.html，编辑，然后找到以下位置

• 大概84行的地方，括号[纬度, 经度]里面填入经纬度，后面name填入地名。
• 经纬度查询网站: https://jingweidu.bmcx.com/

• 查询到的经纬度，我们精确到小数点后面前两位，然后填入到文件的的括号内[]，保存即可。

借鉴引用https://zhuanlan.zhihu.com/p/338156645