小程序-地图API

摘要

地图组件-map

注意事项&&Bug：

1.map 组件是由客服端创建的原生组件，它的层级是最高的。

2.请勿在scroll-view中使用map组件

3.css动画对map组件无效

4.map 组件使用的经纬度是火星坐标系，调用 wx.getLocation 接口需指定 type 为gcj02

1.map的属性

属性名：longitude - 类型：Number - 说明：中心经度 - 范围：-90~90

属性名：latitude - 类型：Number - 说明：中心纬度 - 范围：-180~180

属性名：scale - 类型：Number - 默认值：16 - 说明：缩放级别，取值范围5~18

属性名：markers - 类型：Array - 说明：标记点

属性名：covers - 类型：Array -说明：即将移除，请使用markers

属性名：polyline - 类型：Array -说明：路线

属性名：circles - 类型：Array -说明：圆

属性名：controls - 类型： Array - 说明：控件

属性名：include-points - 类型：Array - 说明：缩放视野以包括所有给定的坐标点

属性名：show-location - 类型：Boolean -说明：显示带有方向的当前定位点

属性名：bindmarkertap - 类型：EvenHandle - 说明：点击标记点时触发

属性名：bindcallouttap - 类型：EvenHandle -说明：点击标记点对应的气泡时触发

属性名：bindcontroltap - 类型：EvenHandle - 说明：点击控件时触发

属性名：binddregionchange - 类型：EvenHandle - 说明：视野发生变化时触发

属性名：bindtap - 类型：EvenHandle - 说明：点击地图时触发

属性名：bindupdated - 类型：EvenHandle - 说明：在地图渲染更新完成时触发

2.markers 标记点用于在地图上显示标记位置

属性：id - 说明：标记点id - 类型：Number - 必填：否 - 备注：markers点击事件回调会返回此id

属性：latitude - 说明：纬度 - 类型：Number - 必填：是 - 备注：浮点数，范围-90~90

属性：longitude - 说明：经度 - 类型：Number - 必填：是 - 备注：浮点数，范围-180~180

属性：title - 说明：标注点名 - 类型：String - 必填：否

属性：iconPath - 说明：显示的图标 - 类型：String - 备注：项目目录下的图片路径，支持相对路径写法，以‘/’开头则表示相对小程序根目录；也支持临时路径

属性：width - 说明：标注图宽 -类型：Number - 必填：否 - 备注：默认为图片实际宽度

属性：height - 说明：标注图高 - 类型:Number -必填：否 - 备注：默认为图片实际高度

属性：rotate - 说明：旋转角度 - 类型：String - 必填：否 - 备注：顺时针旋转的角度，范围0~360，默认0

属性：alpha - 说明：标注的透明度 - 类型：String - 必填：否 - 备注：默认1，无透明

属性：callout - 说明：自定义标记点上方的气泡窗口 - 类型：Object - 必填：否 - 备注：{content,color,fontSize,borderRadius,bgColor,padding,boxShadow,display}

属性：label - 说明：为标记点旁边增加标签 - 类型：Object - 必填：否 - 备注：{color,fontSize,content,x,y},可识别换行符，x,y原点是marker对应的经纬度

属性：anchor - 说明：经纬度在标注图标的锚点，默认底边中点 - 类型：Object - 必填：否 - 备注：{x,y},x表示横向(0-1),y表示竖向(0-1)。{x:.5 , y:1}表示底边中点