小程序map组件的show-location

微信小程序开发 专栏收录该内容
2 篇文章 0 订阅

小程序map组件的show-location

关于小程序map组件的show-location属性想必使用过map组件的人都知道,map组件的show-location的属性值不管true还是false都不会显示在地图上,其实在show-location为true的时候是会显示的,只是因为map组件的scale的原因,地图显示不出来,所以我们需要用到用的微信自带的api来曲线完成显示我们的当前位置。代码如下
html:

<map id='myMap' longitude="{{longitude}}" latitude="{{latitude}}" show-location scale="18"></map>

js:

onReady:function(){
	    this.mapCtx = wx.createMapContext('myMap')
	  this.getCenterLocation();
	  },
	  getCenterLocation: function () {
	    var that = this
	    wx.getLocation({
	      type: "wgs84",
	      success: function (res) { 
	        that.setData({
	          latitude: res.latitude,
	          longitude: res.longitude        
	        })
	      }
	    })
	  }

因需求不一样,所以代码会不同,本人小菜鸟一只,望多指教

  • 1
    点赞
  • 1
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值