小程序地图导航

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,
    }],
  },

点击地图跳转到

 

以上是关于小程序地图导航的主要内容,如果未能解决你的问题,请参考以下文章

导航抽屉中的谷歌地图 - 空指针异常,哪个是正确的片段?

小程序各种功能代码片段整理---持续更新

启动谷歌地图意图后返回活动

小程序地图导航功能实现(勾起使用外部高德或者腾讯地图)

小程序地图导航

在Android Studio片段之间切换时地图片段不隐藏