博客插入地图功能

1324

如何插入地图

IMG_20210907_225202.jpg

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

<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>
  • 如图所示

IMG_20210907_225855.jpg

  • 然后发布就可以了

增加地图标点

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

IMG_20210907_230250.jpg

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

IMG_20210907_230505.jpg

  • 查询到的经纬度,我们精确到小数点后面前两位,然后填入到文件的的括号内[],保存即可。
借鉴引用https://zhuanlan.zhihu.com/p/338156645

已有 7 条评论

  1. 插地图在哪插

    1. 那上那串代长码,写文章的时候粘贴进去

  2. 已经可以了 原因就是复制了你的代码格式,图片上那样我显示不出来

    1. 可以了就行

  3. https://panyaoxuan.cn/zj/50.html
    你看看我的怎么不显示地图

  4. 还得看你这个教程才能看懂!!

    1. 嘿嘿嘿

添加新评论