码迷,mamicode.com
首页 > 微信 > 详细

小程序地图导航

时间:2018-10-22 11:34:58      阅读:399      评论:0      收藏:0      [点我收藏+]

标签:地图导航   http   res   apply   src   vendor   RKE   highlight   跳转   

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

技术分享图片

点击地图跳转到

技术分享图片

 

小程序地图导航

标签:地图导航   http   res   apply   src   vendor   RKE   highlight   跳转   

原文地址:https://www.cnblogs.com/xiaopenzai/p/9829071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!