微信小程序中实现地图导航
2017-06-22 00:01
183 查看
<map id="map" longitude="116.715790" latitude="23.362490" markers="{{markers}}"
scale="18" style="width: 100%; height: 300px;" bindtap="click">
</map>
以《微信小程序快速开发:视频指导版》第8章微网站中的地图为例,在map.wxml中增加bindtap="click",点击地图后跳转导航
在map.js中增加click事件
click: function (e) {
wx.openLocation({
latitude: 23.362490,
longitude: 116.715790,
scale: 18,
name: '华乾大厦',
address:'金平区长平路93号'
})
},
wx.openLocation为location API,作用为打开微信内置地图,点击后可调用内置地图进行导航,可以作为门店导航类使用。
scale="18" style="width: 100%; height: 300px;" bindtap="click">
</map>
以《微信小程序快速开发:视频指导版》第8章微网站中的地图为例,在map.wxml中增加bindtap="click",点击地图后跳转导航
在map.js中增加click事件
click: function (e) {
wx.openLocation({
latitude: 23.362490,
longitude: 116.715790,
scale: 18,
name: '华乾大厦',
address:'金平区长平路93号'
})
},
wx.openLocation为location API,作用为打开微信内置地图,点击后可调用内置地图进行导航,可以作为门店导航类使用。
相关文章推荐
- 微信小程序中进行地图导航功能的实现方法
- 微信小程序:地图导航功能实现完整源代码附效果图,讲解
- 微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败)
- 微信小程序实现底部导航栏目示例
- 微信小程序实现滴滴导航tab切换效果
- 微信小程序 地图导航在onload中无效
- 微信小程序实现地图插件的调用方法
- 微信公众号开发《三》微信JS-SDK之地理位置的获取与在线导航,集成百度地图实现在线地图搜索
- 在iPhone中直接调用系统自带的地图程序实现导航
- 微信小程序开发之map地图实现教程
- 微信小程序地图导航
- 微信小程序 配置顶部导航条标题颜色的实现方法
- 微信小程序实现底部导航
- 微信小程序实现打开内置地图功能【附源码下载】
- 在程序中使用代码打开苹果自带的地图并实现导航
- 微信小程序----实现YDUI的ScrollNav组件(滚动导航)
- 微信小程序地图控件、定位、扫码和导航
- 微信小程序地图导航
- 微信小程序-路线规划,地图导航功能基于高德地图API
- 微信小程序中进行地图导航