10-6 map组件

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

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

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

bindmarkertap 点击标记点时触发

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

10-6 map组件_第1张图片

5:标记点的图 

6:多个点,用id标记是哪个点

7、8:经纬度

9、10:显示mark点的大小

10-6 map组件_第2张图片

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

14、颜色

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

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

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

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

你可能感兴趣的:(10-6 map组件)