“腾讯地图”小程序插件：实时定位，路线规划一步

在上一期中，我们在《「腾讯视频」小程序插件：免费又好用，要为开发者省下推广费！》中介绍了腾讯视频小程序插件的含义，使用场景和用法。

今天我们将与大家分享同样优秀的小程序插件——“腾讯地图”插件，从使用场景到使用方法，将会详细介绍。

腾讯地图插件有什么作用？

顾名思义，“腾讯地图”插件由腾讯地图正式制作。它旨在为开发人员提供简单的路由多规划服务。它可以显示插件中指定位置之间的路线规划，并支持驾驶，公交和步行的路线规划能力。基本路线信息，如ETA。

如果你想实现地图的基本功能，如“腾讯地图+”小程序，使用“腾讯地图”插件是你的最佳选择。

“腾讯地图+”小程序截图

作为第一个小程序插件，“腾讯地图”插件已针对多个版本进行了优化，从初始显示目标位置字母软件开发

信息和提供附近地图的能力，现在支持路线规划和其他功能，地图几乎装备齐全。

“腾讯地图”插件使用场景

场景1：收到了小程序的结婚邀请，但无法找到邀请函上的地址？怎么做？

If you are developing 小程序 for the invitation class, you will encounter the above scenario. In the traditional development mode, the introduction of complete map selection points and route planning components, the development cost is very high, more developers choose to let users directly enter the text address for display, as a compromise solution to reduce development costs. Such a design is not clickable, and there is no ability to route the route. The user also needs to manually input the address and traffic route.

Traditional invitations are not interchangeable

However, if the developer chooses to use the 小程序 plug-in with the same name provided by Tencent Map, the development cost will be greatly reduced and the user experience will rise linearly. Here we use the wedding invitation 小程序 as an example:

In the process of editing the invitation 小程序, the user sets the wedding venue in advance;

When a wedding guest receives an invitation and clicks on the location, the Tencent Maps plugin automatically generates accurate navigation routes based on their current location and destination coordinates.

One-click navigation is simple and clear

Scenario 2: Conference Service Helper—— Know the route in advance

How participants should go to the conference venue from the high-speed rail station, airport, and train station has always been an essential part of all kinds of conference invitations. However, for a long time, such information has been accustomed to being published in plain text, and there are problems in the experience of inconvenient understanding and memory.

If 小程序 can use the Tencent Maps plugin, the experience of this type of scene will change qualitatively:

The conference organizer sets multiple groups of destinations in advance in 小程序 (such as: airport - conference center, high-speed rail station - conference center). After the participants receive the invitation and click the designated line, they can view the precise participation in the map plug-in. route.

xx 这比无聊的文字更聪明吗？

如何访问“腾讯地图”插件？

腾讯地图功能强大且易于使用：

1.申请插件。在“小程序管理背景 - 设置 - 第三方服务 - 插件管理”中，找到插件名称“腾讯地图”（目前最新版本：1.0.6，appid：wx5bc2ac602a747594）并申请。

2.引入插件代码后修改配置文件。 JSON：

{'usingComponents': {'map-route':'插件: //myPlugin/mapRoute'}}

3.使用地图插件。将以下标记添加到相应的WXML文件中：

4.最后，根据要求在JS文件中处理传入的插件数据。数据包括：起点，终点纬度和经度和名称，路线计算方法，封装在routeInfo结构中：

let plugin=requirePlugin（'myPlugin'）let routeInfo={startLat: 39.90469，//起点纬度选填startLng: 116.40717，//起点经度选填startName:'我的位置'，//起点名称选填endLat: 39.94055 ，//终点纬度必传endLng: 116.43207，//终点经度必传endName:'来福士购物中心'，//终点名称必传模式:'car'//算路方式选填} Page（{data: {routeInfo: routeInfo}}）

参数说明：

起点：不填写或startName='我的位置' 或startName='当前位置' 或startName='currentLocation' 则插件会获取当前的定位位置作为起点位置发起算路，若正确填写起点信息，则以传入的起点信息发起算路。

终点：必传参数，不正确传入则不会发起算路或者算路失败

算路方式：

模式，目前支持三种算路方式，分别是：驾车（汽车），公交（总线），步行（步行）;不传则默认发起驾车算路

。

XX 注意：数据要在数据中初始化，不要在onLoad中直接setData，因为onLoad中直接setData，属性的routeInfo的观察者:函数（newVal，oldVal），newVal接收不到参数，导致参数报错，之后可以通过bind其他事件使用setData更新routeInfo达到变更起终点参数的效果。

「腾讯地图」插件使用效果图

如果你想了解更多「腾讯地图」插件详情，欢迎访问开发者社区插件版块相应页面（建议电脑访问）：

https://developers.weixin.qq.com/community/develop/doc/0000c4630847c00b4667de7d25ac0c

XX