小程序地图导航
Posted waterbilibili
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序地图导航相关的知识,希望对你有一定的参考价值。
<view class="address-map">
<map id="map" longitude="{{jobDetail.longitude}}" latitude="{{jobDetail.latitude}}" scale="14" markers="{{markers}}" bindtap="handleMap" show-location style="width: 100%; height: 196rpx;">
</map>
</view>
js:
import WxParse from \'../../vendor/wxParse/wxParse.js\'
data: {
latitude: \'\',
longitude: \'\',
width: 35,
height: 45,
markers: [{
latitude: \'\',
longitude: \'\',
}],
},
通过点击事件打开地图界面
<view class="address-map"> <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" circles="{{circles}}" show-location style="width: 100%; height: 100vh;"> </map> </view>
import WxParse from \'../../vendor/wxParse/wxParse.js\' Page({ data: { jobDetail: {}, show: 1, isApply: 1, id: 0, jobId: \'\', latitude: 40.002607, longitude: 116.487847, width: 100, height: 100, markers: [{ latitude: 40.002607, longitude: 116.487847, }], },
点击地图跳转到
以上是关于小程序地图导航的主要内容,如果未能解决你的问题,请参考以下文章