zoukankan      html  css  js  c++  java
  • 小程序地图导航

    <view class="address-map">
      <map id="map" longitude="{{jobDetail.longitude}}" latitude="{{jobDetail.latitude}}" scale="14" markers="{{markers}}" bindtap="handleMap" show-location style=" 100%; height: 196rpx;">
      </map>
    </view>
    

     js:

    
    
    import WxParse from '../../vendor/wxParse/wxParse.js'
    data: {
        latitude: '',
        longitude: '',
         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=" 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,
         100,
        height: 100,
        markers: [{
          latitude: 40.002607,
          longitude: 116.487847,
        }],
      },

    点击地图跳转到

  • 相关阅读:
    移动端开发-禁止横屏
    奇葩的对象创建方式(更新中)
    每日积累之8.8
    每日积累 8.6
    折半查找
    linux中的amount的解释
    Redis集群错误
    每日积累 8.6
    Redis中在程序中的应用
    每日积累 8.4
  • 原文地址:https://www.cnblogs.com/xiaopenzai/p/9829071.html
Copyright © 2011-2022 走看看