页面:
<map
id="myMap"
style="width:{{map_width}}px;height:{{map_height}}px"
latitude="{{lat}}"
longitude="{{lon}}"
bindregiοnchange="regionchange"
controls="{{controls}}"
markers="{{markers}}"
show-location
>
<cover-view wx:if="{{markList}}" class='markList'>
<cover-view wx:for="{{markList}}" class='markBox' bindtap='goToMark' data-mark='{{item.location}}'>
{{item.address}}({{item.title}})
</cover-view>
</cover-view>
</map>
----------------------------------------------
cover-view是悬浮块。view无法正常显示(真机)。latitude,longitude为显示地图的中心点坐标。controls地图控件。
wx.getLocation获取当前位置的地址信息。
wx.getLocation({
type: 'gcj02',
success:function
})
qqmap-wx-jssdk.min.js是小程序地图的一个插件,需要地图功能的话要引入进来。qqmapsdk.reverseGeocoder根据坐标获取位置信息(地址逆解析)。qqmapsdk.getSuggestion关键字搜索地址列表。
//获取地图中心点
wx.getSystemInfo({
success: function (res) {
that.setData({
map_width: res.windowWidth
, map_height: res.windowHeight-30
, controls: [{
id: 1,
iconPath: path,
position: {
left: res.windowWidth / 2-10 ,
top: (res.windowHeight -30)/ 2 - 10,
width: 20,
height: 20
}
}]
})
}
})
自定义地图中心点ICON。相当于加了一个控件。