E企盈营销工具技术服务商 热线:4006-838-530

微信小程序map组件地图定位当前位置

E企盈直播平台营销卖货系统

小程序map组件的应用方式:简单版wxml:<map id=”map” latitude=”{{latitude}}” longitude=”{{longitude}}”  controls=”{{controls}}” bindcontroltap=”controltap” markers=”{{markers}}” bindmarkertap=”markertap” polyline=”{{polyline}}” bindregionchange=”regionchange”   scale=”14″  show-location> </map>wxss:page{ width: 100%; height:100%; }#map{ width: 100%; height:100%; }js:data: {    markers: [],  //地图参数:    latitude: “”, //纬度     longitude: “”,  //经度  },  regionchange(e) {    //console.log(e)  },  markertap(e) {    //console.log(e)  },  controltap(e) {    //console.log(e)  },  //获得地图  getMyMap(e) {    let that = this;    //自行查询经纬度 http://www.gpsspg.com/maps.htm    const mapLatitude = 23.1194300000,          mapLongitude = 113.3212200000;    wx.getLocation({      type: ‘wgs84’,       success(res){      // 当前自己的经纬度 res.latitude,res.longitude        that.setData({          latitude: mapLatitude,          longitude: mapLongitude,          markers: [{            id: “0”,            latitude: mapLatitude,            longitude: mapLongitude,            iconPath: “https://xcx.quan5fen.com/Public/xcx-hitui/image/imgs-jyh/map-ico.png”,            width: 40,            height: 40,            callout: {              ‘display’: ‘ALWAYS’, ‘fontSize’: ’30rpx’, ‘content’: ‘广州珠江新城’,              ‘padding’: ‘8rpx’, ‘boxShadow’: ‘0 0 5rpx #333′,’borderRadius’:’4rpx’            }          }],        })      }    })  },  /**   * 生命周期函数–监听页面加载   */  onLoad: function (options) {    this.getMyMap()  },源代码可访问本人github:    https://github.com/xiexikang/xcx-map复杂版:微信小程序map组件路线规划,腾讯地图sdk的应用案例

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序map组件地图定位当前位置
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏