在微信公众号里面,如果希望插入一张动态的地图,并且对指定地点进行标注,可以用高德LBS开放平台中的地图组件来实现。

工具/原料

 
  • 微信公众平台
  • 高德LBS开放平台——地图组件

方法/步骤

 
  1.  

    在高德LBS开放平台的官网申请开发者账号,登录后在“我的控制台”里申请开发KEY。请注意在申请KEY时选择“javaScript API”下的“地图组件”

    如何在微信公众号中发布包含标注的动态地图
    如何在微信公众号中发布包含标注的动态地图
    如何在微信公众号中发布包含标注的动态地图
    如何在微信公众号中发布包含标注的动态地图
  2.  

    在地图组件页面左侧导航栏中点击“位置标注”,在接下来的页面中,填写位置参数。其中dest参数用于表示待标注点的坐标,格式为(经纬,纬度),小数点后不超过6位,可通过高德坐标拾取工具获得某点的精确经纬度。

    表格中的KEY是“步骤1”中申请的KEY。

    如何在微信公众号中发布包含标注的动态地图
    如何在微信公众号中发布包含标注的动态地图
    如何在微信公众号中发布包含标注的动态地图
  3.  

    点击“运行”获取URL地址

    如何在微信公众号中发布包含标注的动态地图
  4.  

    登录微信公众号平台,找到“素材管理”,新建图文消息,在“原文地址”栏中输入在步骤3中获取的URL地址。

    如何在微信公众号中发布包含标注的动态地图
  5.  

    点击预览,指引读者点击公众页面下方的“阅读原文”,即可打开制作好的地图页面。大功告成。

    如何在微信公众号中发布包含标注的动态地图
    END

注意事项

 
  • 开发者KEY是必填项
  • 可以通过组件配置URL轻松实现单个点的位置标注,在移动端应用/浏览器均可以流畅运用。同时也支持大部分的PC浏览器。

 

转自:https://jingyan.baidu.com/article/a3a3f811ee98268da2eb8afc.html