关于小程序map组件

关于小程序map组件

map组件是小程序中 渲染的图 的组件

<map id="mymap" scale="15" @markertap="nihao" :latitude="positionlatitude" :markers="markers" :longitude="positionlatitude"></map>

1.scale 缩放级别，取值范围为3-20
2.@markertap,点击标注触发事件，返回标注的id，在官方文档里写 bindmarkertap,这里我用的mpvue框架，所以吧bind写作@。
3.latitude，中心纬度。
4.longitude，中心经度。
5.markers,标注 ，是一个数组，支持多个标注。

 var marker = {
            id: 1,
            latitude,
            longitude,
            iconPath:'/../../../static/images/printer.png', //在地图上显示的图
            height:20, //图片高度
            width:20  //图片宽度
          }
 var markers = new Array()
markers.push(marker)

map在页面中是最高级的，会覆盖所有的标签

在小程序中map组件在z轴是最高的，无视z-index。所以官方给了cover-view 可覆盖的原生组件包括** map、video、canvas、camera、live-player、live-pusher**。
只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。

原本做好的页面，在开发者工具里显示的很好，但真机调试时之渲染了地图，所以只好又重新把页面改了一遍。

来源：https://blog.csdn.net/qq_44666016/article/details/101438661