uniapp map地图简单实用

<map :scale="mapScale" id="home" @tap="tapMap" 
@callouttap="callouttap" @markertap="markertap" 
@controltap="controltap" :polyline="polyline" 
:style="{'width': '100%', 'height': height + 'px'}" 
:latitude="latitude" :longitude="longitude" 
:markers="markers"> </map>

mapScale:   地图的缩放级别
callouttap：点击标记点对应的气泡时触发
markertap：点击标记点时触发
controltap：点击控件时触发
polyline    ：地图画线 
 [
        points:[
              {
                      latitude:xxxx,
                      longitude:xxxx}
         ]
]
markers   ：标记点 
[{
  id: 3,
    latitude: 39.909,
    longitude: 116.39742,
    title: "天安门",
    callout: {
        content: "天安门",
        color: 'yellow',
        bgColor: "#FFFFFF"
    },
    iconPath: '../../static/App_slices/map_normal@3x.png'
}]