当前位置: 首页 > 工具软件 > Location Map > 使用案例 >

小程序map组件的show-location

公羊晟
2023-12-01

小程序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        
	        })
	      }
	    })
	  }

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

 类似资料: