微信小程序管理员如何发布地图

微信小程序管理员可以通过使用微信小程序管理后台中的地图组件来发布地图。

首先，登录微信小程序管理后台，点击“组件”，找到“地图”组件，点击“添加”，输入地悄段滑图相关信息，设置合适的参启腊数。

然后，点击“保存”即可发布地图。

最后，可以利用地图组件的API来控制地图的行为，实现基本的定位、导航等功燃并能。

如果你出门不认识路，那察宴么可以用微悉握信地图小程序导航。下面我来告诉大家怎么 *** 作吧。

01

首先打开微信这个app，如图1所示。进入微信后，你会看到出现一个新的界面，如图2所示。

02

点击右上角的“搜索”选睁没庆项，如图1箭头所示。在搜索框中输入腾讯地图，点击进入，会出现一个新的界面。

03

在“搜索地点”中输入你的目的地，如图1箭头所示。会出现一个新的界面，点击右下角的“路线”选项，如图2箭头所示。

04

会出现一个新的界面，点击右下角的“导航”选项，如图1箭头所示。这样就完成啦。

根据导出的GPX文件，在地图上绘制其路樱清径轨迹。

GPX: the GPS Exchange Format

GPX (GPS交换格式)是一种轻量级XML数据格式，用于在互联网上的应用程序和Web服务之间交换GPS数据(路径、路由和跟踪)。

在线XML转JSON - BeJSON

为了方便后续绑定使用，转换后批量将“lat”替换为“latitude”、“lon”替换为“longitude”。

将转换后的JSON文件部署到本地服务器，先进行本地测试。

通过 wx.request 获取数据： 微信小程序通过api接口将json数据展现到小程序示例

使用本地链接进行测试会报错，需要将项目设置里勾选上“不校验...”： 【微信小程序】 微信小程序连接本地接口

本地测试没问题后，将枯森文件部署到外网环境，改下url就可以了。

由于数据格式已经与小程序要求的一致了，直接将其赋给对应的Key即可。

需要注意的是，在 wx.request 回调里直接使用 this.setData 会报错： 微信小程序中this指向作用域问题this.setData is not a function报错没颂亩 。

至此，已基本满足预研需求，后续开发具体功能时会方便不少啦 ~ O(∩_∩)O ~

如果能够显示 卫星地图 就完美了，不过还没找到好的解决方案，留作另一个问题吧，TX不开放也没办法了。

---