# 地图

# map

属性 类型 默认值 必填 说明 支持度
longitude number 116.46 中心经度 IDE:✅ IOS:✅ Android:✅
latitude number 39.92 中心纬度 IDE:✅ IOS:✅ Android:✅
scale number 16 缩放级别,取值范围为3-20 IDE:✅ IOS:✅ Android:✅
min-scale number 3 最小缩放级别 IDE:✅ 不支持动态修改 IOS:✅ Android:✅
max-scale number 20 最大缩放级别 IDE:✅ 不支持动态修改 IOS:✅ Android:✅
markers Array.marker> 标记点 IDE:✅ 聚合功能未实现;callout不支持ALWAYS;点击地图不支持自动隐藏callout;label无法设置样式
IOS:✅ 聚合功能未实现;callout除content之外其他的未支持;label无法设置样式
Android:✅ callout不支持ALWAYS;不支持customCallout、label、aria-label
polyline Array.polyline> 路线 IDE:✅ 不支持colorList、level、arrowLine、arrowIconPath
IOS:✅ 不支持colorList、level、arrowLine、arrowIconPath
Android:✅ 不支持borderColor、borderWidth
circles Array.circle> IDE:✅ IOS:✅ Android:✅
controls Array.control> 控件(即将废弃,建议使用 cover-view 代替) IDE:✅ IOS:❌ Android:❌
include-points Array.point> 缩放视野以包含所有给定的坐标点 IDE:❌ IOS:❌ Android:✅
show-location boolean false 显示带有方向的当前定位点 IDE:❌ IOS:✅ Android:✅
polygons Array.polygon> 多边形 IDE:✅ IOS:✅ Android:✅
subkey - 个性化地图暂不支持 IDE:❌ IOS:❌ Android:❌
layer-style - 个性化地图暂不支持 IDE:❌ IOS:❌ Android:❌
rotate number 0 旋转角度,范围 0 ~ 360, 地图正北和设备 y 轴角度的夹角 IDE:✅ IOS:❌ Android:✅
skew number 0 倾斜角度,范围 0 ~ 40 , 关于 z 轴的倾角 IDE:✅ IOS:❌ Android:✅
enable-3D boolean false 展示3D楼块 IDE:❌ IOS:✅ Android:❌
show-compass boolean false 显示指南针 IDE:❌ IOS:✅ Android:✅
show-scale boolean false 显示比例尺 IDE:✅ IOS:✅ Android:✅
enable-overlooking boolean false 开启俯视 IDE:❌ IOS:❌ Android:✅
enable-zoom boolean true 是否支持缩放 IDE:✅ IOS:✅ Android:✅
enable-scroll boolean true 是否支持拖动 IDE:✅ IOS:✅ Android:✅
enable-rotate boolean false 是否支持旋转 IDE:✅ IOS:✅ Android:✅
enable-satellite boolean false 是否开启卫星图 IDE:✅ IOS:✅ Android:✅
enable-traffic boolean false 是否开启实时路况 IDE:✅ IOS:✅ Android:✅
enable-poi boolean true 是否展示 POI 点 IDE:✅ IOS:✅ Android:✅
enable-building boolean 是否展示建筑物 IDE:✅ IOS:✅ Android:✅
setting object 配置项 setting内容与属性配置冲突时,以setting的为准 IDE:✅ IOS:✅ Android:✅
bindtap eventhandle 点击地图时触发,返回经纬度信息 IDE:✅ IOS:❌ Android:✅
bindmarkertap eventhandle 点击标记点时触发,e.detail = {markerId} IDE:✅ IOS:❌ Android:✅
bindlabeltap eventhandle 点击label时触发,e.detail = {markerId} IDE:❌ IOS:❌ Android:❌
bindcontroltap eventhandle 点击控件时触发,e.detail = {controlId} IDE:✅ IOS:❌ Android:❌
bindcallouttap eventhandle 点击标记点对应的气泡时触发e.detail = {markerId} IDE:❌ IOS:❌ Android:✅
bindupdated eventhandle 在地图渲染更新完成时触发 IDE:❌ IOS:❌ Android:❌
bindregionchange eventhandle 视野发生变化时触发 IDE:✅ IOS:✅ Android:✅
bindpoitap eventhandle 点击地图poi点时触发,e.detail = {name, longitude, latitude} IDE:❌ IOS:❌ Android:✅
bindanchorpointtap eventhandle 点击定位标时触发,e.detail = {longitude, latitude} IDE:❌ IOS:❌ Android:✅

# marker

属性 说明 类型 必填 备注 其他
id 标记点 id number marker 点击事件回调会返回此 id。
clusterId 聚合簇的 id number 自定义点聚合簇效果时使用
IDE不支持
joinCluster 是否参与点聚合 Boolean 默认不参与点聚合
iOS不支持
IDE不支持
latitude 纬度 number 浮点数,范围 -90 ~ 90
longitude 经度 number 浮点数,范围 -180 ~ 180
title 标注点名 string 点击时显示,callout存在时将被忽略
zIndex 显示层级 number
iOS不支持
iconPath 显示的图标 string 项目目录下的图片路径,支持网络路径、本地路径、代码包路径
rotate 旋转角度 number 顺时针旋转的角度,范围 0 ~ 360,默认为 0
iOS不支持
alpha 标注的透明度 number 默认 1,无透明,范围 0 ~ 1
iOS不支持
width 标注图标宽度 number/string 默认为图片实际宽度
height 标记点 number 默认为图片实际高度
callout 标记点上方的气泡窗口 Object 支持的属性见下表,可识别换行符。
customCallout 标记点 number 暂不支持
iOS不支持
IDE不支持
label 为标记点旁边增加标签 Object 支持的属性见下表,可识别换行符。 Android不支持
iOS不支持
anchor 经纬度在标注图标的锚点,默认底边中点 Object {x, y},x 表示横向(0-1),y 表示竖向(0-1)。{x: .5, y: 1} 表示底边中点
aria-label 无障碍访问,(属性)元素的额外描述 string 暂不支持

# marker 上的气泡 callout

属性 说明 类型 备注 其他
content 文本 string
color 文本颜色 string
IDE不支持
iOS不支持
fontSize 文字大小 number
IDE不支持
iOS不支持
borderRadius 边框圆角 number

iOS不支持
borderWidth 边框宽度 string
IDE不支持
iOS不支持
borderColor 边框颜色 string
IDE不支持
iOS不支持
bgColor 背景色 string
IDE不支持
iOS不支持
padding 文本边缘留白 number
IDE不支持
iOS不支持
display 'BYCLICK':点击显示; 'ALWAYS':常显 string Android不支持'ALWAYS'

iOS不支持
textAlign 文本对齐方式。有效值: left, right, center string
IDE不支持
IDE不支持
iOS不支持
anchorX 横向偏移量,向右为正数 number
IDE不支持
iOS不支持
anchorY 纵向偏移量,向下为正数 number
IDE不支持
iOS不支持

# marker 上的气泡 label

属性 说明 类型 备注 其他
content 文本 string
color 文本颜色 string
IDE不支持
iOS不支持
fontSize 文字大小 number
IDE不支持
iOS不支持
anchorX label的坐标,原点是 marker 对应的经纬度 number
IDE不支持
iOS不支持
anchorY label的坐标,原点是 marker 对应的经纬度 number
IDE不支持
iOS不支持
borderWidth 边框宽度 number
IDE不支持
iOS不支持
borderColor 边框颜色 string
IDE不支持
iOS不支持
borderRadius 边框圆角 number
IDE不支持
iOS不支持
bgColor 背景色 string
IDE不支持
iOS不支持
padding 文本边缘留白 number
IDE不支持
iOS不支持
textAlign 文本对齐方式。有效值: left, right, center string
IDE不支持
iOS不支持

# polyline

属性 说明 类型 必填 备注 其他
points 经纬度数组 array [{latitude: 0, longitude: 0}]
color 线的颜色 string 十六进制
colorList 彩虹线 array 存在时忽略 color 值
iOS不支持
width 线的宽度 number
dottedLine 是否虚线 boolean 默认 false
iOS不支持
arrowLine 带箭头的线 boolean 默认 false
iOS不支持
arrowIconPath 更换箭头图标 string 在 arrowLine 为 true 时生效
borderColor 线的边框颜色 string Android不支持
borderWidth 线的厚度 number Android不支持
level 压盖关系 string 默认为 abovelabels Android:aboveroads等效于abovebuildings.
iOS不支持

# polygon

属性 说明 类型 必填 备注 其他
points 经纬度数组 array [{latitude: 0, longitude: 0}]
strokeWidth 描边的宽度 number
strokeColor 描边的颜色 string 十六进制
fillColor 填充颜色 string 十六进制
zIndex 设置多边形Z轴数值 number
level 压盖关系 string 默认为 abovelabels Android:aboveroads等效于abovebuildings

# circle

属性 说明 类型 必填 备注 其他
latitude 纬度 number 浮点数,范围 -90 ~ 90
longitude 经度 number 浮点数,范围 -180 ~ 180
color 描边的颜色 string 十六进制
fillColor 填充颜色 string 十六进制
radius 半径 number
strokeWidth 描边的宽度 number
level 压盖关系 string 默认为 abovelabels Android:aboveroads等效于abovebuildings.
iOS不支持

# control

属性 说明 类型 必填 备注 其他
id 控件id number 在控件点击事件回调会返回此id
position 控件在地图的位置 object 控件相对地图位置
iconPath 显示的图标 string 项目目录下的图片路径,支持本地路径、代码包路径
clickable 是否可点击 boolean 默认不可点击

# position

属性 说明 类型 必填 备注 其他
left 距离地图的左边界多远 number 默认为0
top 距离地图的上边界多远 number 默认为0
width 控件宽度 number 默认为0
height 控件高度 number 默认为0
© 2021 凡泰极客
  • 免费试用
  • 编组
  • 编组 2