1、申请 key
首先需要搭配腾讯地图进行使用
2、引入 下载好的微信小程序JavaScriptSDK
3、使用
使用微信小程序的地图组件
添加一些属性：
-
id：用于帮我们获取组件的实例
-
latitude：纬度
-
longitude：经度
-
show-location：显示带有方向的当前定位点
-
enable-poi：是否展示 POI 点
-
markers：标记点
-
include-points：缩放视野以包含所有给定的坐标点
-
bindmarkertap：点击标记点时触发
4、定义的逻辑
1、先通过 wx.getLocation 获取当前的位置
2、通过下载好的微信小程序JavaScriptSDK ，进行实例化后，使用里边的方法 search （地点搜索，搜索周边poi，比如：“酒店” “餐饮” “娱乐” “学校” 等等），在成功的回调函数里边可以进行数据的处理
进行数据处理：
3、通过 map 组件上的 bindmarkertap（点击标记点时触发） 方法，在事件里先获取一下 id ，获取后需要存起来，用于之后获取组件实例，也可以在事件里边去判断 标记的图标 是否选中，选中把图标放大，否则就缩小
判断 标记的图标 是否选中：
代码：
视图：
4、点击标记点，弹出标记点信息，之后调用 地图导航的 API
点击标记点后弹出底部的信息：
- 在事件里获取的跟随事件传过来的经纬度与名称
- 通过 wx.createMapContext() 获取到组件实例
- 然后通过调用 openMapApp 方法 拉起地图App选中导航 （注：需要用手机进行演示）
拉起地图 APP 选中导航视图：
