10-6 map组件

不是真机的话，很多东西是实现不了的。要结合实际开发应用来使用它。

先了解几个概念：longitude维度、latitude经度、marker标记点。

<map id="map" longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}"  bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-locationstyle="width: 100%; height: 300px;"></map>

scale:缩放乘积，就是比例尺 取值范围5-18

bindmarkertap 点击标记点时触发

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

5：标记点的图 

6：多个点，用id标记是哪个点

7、8：经纬度

9、10：显示mark点的大小

13、points 画的一组，多边形的路径。这里只有两个点，就是一条直线，如果三个点，首尾相连，变成多边形。

14、颜色

15、线宽，模拟器没有反应，但是真机上是有效果的。

另外，设置dottedLine:true，可以把实线设置为虚线。模拟器不能放大和缩小，但是真机上是可以缩小和放大的。

可以在map标签上绑定事件 bindmarkertap，也就是在点击标记时候，触发事件。定义事件时候，调用wx.openLocation，就可以调用手机上自带的地图软件。比如腾讯地图等等。

openlayers：一个很好的地图框架，现在更新到2。使用原生js编写。如果要看，看1就行了，原生的JS，很精妙。