地图的注意事项：

1. tip: map 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。
2. tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 map 组件。
3. tip: css 动画对 map 组件无效。
4. tip: map 组件使用的经纬度是火星坐标系，调用 wx.getLocation 接口需要指定 type 为 gcj02

标记点——markers属性：标记点用于在地图上显示标记的位置

id:marker点击事件回调会返回此id。建议为每个marker设置上Number类型id，保证更新marker时有更好的性能。

latitude:纬度

longitude:经度

title:标注点名

iconPath:显示的图标

rotate:旋转角度

alpha:标注的透明度

width:标注图标的宽度

height:标注图标的高度

callout:自定义标记点上方的气泡窗口

label:为标记点旁边增加标签

anchor:经纬度在标注图标的锚点

marker 上的气泡 callout

marker 上的气泡 label

路线——polyline指定一系列坐标点，从数组第一项连线至最后一项

points:[{latitude: 0, longitude: 0}]经纬数组

color:线的颜色

width:线的宽度

dottedLine:是否为虚线

arrowLine:带箭头的线

arrowIconPath:更换箭头图标

borderColor:线的边框颜色

borderWidth:线的厚度

圆——circles

latitude:纬度

longitude:经度

color:描边的颜色

fillColor:填充颜色

radius:半径

strokWidth:描边的宽度

举个例子：

map id="map" longitude="116.410440" latitude="39.970830" scale="14" controls="{{controls}}" bindtap="openMap" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregiοnchange="regionchange" show-location style="width: 100%; height: 150px;"/map

相关api：wx.createMapContext

这是api的例子：

!-- map.wxml --map id="myMap" show-location /button type="primary" bindtap="getCenterLocation"获取位置/buttonbutton type="primary" bindtap="moveToLocation"移动位置/buttonbutton type="primary" bindtap="translateMarker"移动标注/buttonbutton type="primary" bindtap="includePoints"缩放视野展示所有经纬度/button

Page({  onReady: function (e) {    // 使用 wx.createMapContext 获取 map 上下文    this.mapCtx = wx.createMapContext('myMap')  },  getCenterLocation: function () {    this.mapCtx.getCenterLocation({      success: function(res){        console.log(res.longitude)        console.log(res.latitude)      }    })  },  moveToLocation: function () {    this.mapCtx.moveToLocation()  },  translateMarker: function() {    this.mapCtx.translateMarker({      markerId: 0,      autoRotate: true,      duration: 1000,      destination: {        latitude:23.10229,        longitude:113.3345211,      },      animationEnd() {        console.log('animation end')      }    })  },  includePoints: function() {    this.mapCtx.includePoints({      padding: [10],      points: [{        latitude:23.10229,        longitude:113.3345211,      }, {        latitude:23.00229,        longitude:113.3345211,      }]    })  }})

wx.createMapContext(mapId, this)