微信小程序地图聚合以及轨迹回放

公司项目需要实现小程序地图的聚合以及轨迹回放，效果要与PC端一直。其中，轨迹回放还需要包含开始、暂停、结束三个按钮。效果图如下：

1、添加图标

2、聚合，其中，如果发现聚合点不开的情况，可以把grikSize的值设置小一点，默认值为60

3、点击图标，获取addMarker设置的  Id 值

4、定时画线条

同时，画线条之前，还需要清除按钮

1、插件申请接入：

在腾讯公众平台中， “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务地图选点” 申请，审核通过后，小程序开发者可在小程序内使用该插件。

2、引入插件包： 地图选点appId： wx76a9a06e5b4e693e （点击浏览插件最新版本）

3、设置定位授权：

地图选点插件需要小程序提供定位授权才能够正常使用定位功能：

4、使用插件：

插件页面调用示例：

5、插件返回数据

微信小程序调用的地图是腾讯地图，腾讯地图是腾讯公司旗下的地图服务平台，它提供了丰富的地图数据、定位服务、路线规划等功能，可以帮助用户快速准确地定位、查询、导航，是一款非常实用的地图应用。微信小程序可以调用腾讯地图的API，实现地图的展示、定位、搜索、路线规划等功能，方便用户使用。

可以。

获取经纬度位置信息功能的方法：

方法一：使用xGeocoding工具，批量获得Google Earth/Google Map/百度/腾讯/高德等地图的经纬度。工具地址：>

1打开百度地图“坐标拾取系统”：输入网址”>

2进入”坐标拾取系统“后，就可以方便的查询自己的精准地理信息了，我们以”海尔工业园“为例，寻找它的详细坐标。在搜索栏输入“海尔工业园”点击搜索，如图，就会在地图上出现相应的标记，点击你要找的某一个，就能看到相应的坐标。

3把找到的坐标输入到搜索栏，把后面“坐标反查”给勾上，点击搜索，就会对应的坐标打上标记，同时会有相应地址在最右边

4把鼠标在地图上滑行，你可以看到，鼠标滑到每一个地方，都会显示对应的坐标。

方法二：使用Python程序，直接嵌入即可。

标记点markers只能在初始化的时候设置，不支持动态更新。

示例：

<!-- mapwxml --> <map longitude="23099994" latitude="113324520" markers="{{markers}}" covers="{{covers}}" style="width: 375px; height: 200px;"></map> // mapjs Page({ data: { markers: [{ latitude: 23099994, longitude: 113324520, name: 'TIT 创意园', desc: '我现在的位置' }], covers: [{ latitude: 23099794, longitude: 113324520, icaonPath: '/images/carpng', rotate: 10 }, { latitude: 23099298, longitude: 113324129, iconPath: '/images/carpng', rotate: 90 }] } })

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

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

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

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

微信小程序如何设置地图导航

登入到速成应用平台账号，进入到“小程序模板”页面，选择“新建空白小程序”或选中某个模板后点击“使用”，随后设置下项目封面和标题，进入到小程序编辑页面；可以使用文本、等组件，将选中的组件（如文本）点击/拖拽到右边“编辑框页面中”，如下截图

二 、如何设置地图导航

点击放置在模板中的组件（如文本）然后右侧面板点击“事件-功能-调用功能-地图导航”进行设置。

三 、如何绑定位置信息

右侧面板设置好地图导航，点击“地图管理-功能数据管理-地图管理”添加地址，填写公司名称、位置信息，保存；返回编辑页面并点击保存，然后刷新页面，选择文本并点击“事件-功能-绑定地址”，会出现我们刚设置好的“公司名称”，选中他即绑定成功。说明：可显示路线并调用手机上“地图app”。

好了，今天的学习就到了，**姐希望阔爱的你可以鼓起勇气，用上地图导航，让它引导你走到心上那个人儿所在的地方。恋人也罢，朋友、亲人也罢，相信你将不虚此行~

以上就是关于微信小程序地图聚合以及轨迹回放全部的内容，包括:微信小程序地图聚合以及轨迹回放、微信小程序中使用腾讯位置服务，点击地图获取poi，或者是关键词搜索、微信小程序调用地图是谁的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！