谶语是什么意思| 什么是pin| 2048年是什么年| 乌鸡白凤丸男性吃治疗什么| 诺如病毒吃什么药好得快一点| 眉毛长长是什么原因| 鲶鱼是什么鱼| 老班章是什么茶| 鱼和什么不能一起吃| 什么是穿刺手术| 右眼皮跳代表什么| 脑门出汗多是什么原因| 牛肚是牛的什么部位| 一直不来月经是什么原因| 怀男孩和女孩有什么区别| 臆想症是什么病| 铁石心肠是什么意思| 什么是功德| 风调雨顺的下联是什么| 幼儿园什么时候报名| 什么是丘疹| 吃什么补充胶原蛋白| 梦见丧尸是什么预兆| 停职是什么意思| 洗手指征是什么| 肝火旺吃什么药好| 成也萧何败也萧何什么意思| 小鸭吃什么| 成人大便绿色是什么原因| 肌酐高有什么症状| 快走对身体有什么好处| 动一下就出汗是什么原因| p是什么医学| 刘亦菲为什么不结婚| 一个口一个有念什么| 看头发挂什么科| 元宵节吃什么| 心脏在什么位置| 小便有泡沫是什么情况| 摔纹皮是什么皮| 眼睛疼是什么原因| 3月23日什么星座| 二月九号是什么星座| 早泄是什么原因导致| 左下腹疼是什么原因| 冬是什么结构| 黄糖是什么糖| 黑皮肤适合穿什么颜色的衣服| 洽谈是什么意思| 7月生日是什么星座| 虎的贵人是什么生肖| 左卵巢内囊性结构什么意思| 脚痛去医院挂什么科| 不能人道什么意思| s和m是什么| 头痛吃什么药最好| 脑子瓦特了什么意思| 皮疹长什么样| 八卦是什么| 木薯是什么东西| 生男生女取决于什么| 肝喜欢什么食物| 什么样的西瓜甜| 1955属什么生肖| 什么是对数| 尿检ph值偏高说明什么| 医学上ca是什么意思| 过敏性皮炎用什么药| 貂是什么动物| 今年43岁属什么| 糖类抗原CA125高是什么意思| 麻风病是什么| 阿托伐他汀钙片有什么副作用| 下肢静脉曲张挂什么科| 和尚化缘的碗叫什么| 为什么四川总地震| 手肿脚肿是什么原因引起的| 不是什么意思| 手淫会导致什么疾病| 有事钟无艳无事夏迎春是什么意思| 太平果是什么水果| 小蓝片是什么| 凹陷性疤痕用什么药膏| 乙型肝炎表面抗原阳性是什么意思| 梦见小狗是什么意思| bso是什么意思| 男人性功能不好吃什么药| 双开什么意思| 病符是什么意思| 母乳是什么味| 为所当为什么意思| amiri是什么牌子| 肌酸是什么东西| 李亚男为什么选王祖蓝| 市政协秘书长是什么级别| 自我是什么意思| 湿度大对人体有什么影响| 吃什么精力旺盛有精神| 西梅不能和什么一起吃| 肾结石不能吃什么食物| 烂好人什么意思| 西红柿含什么维生素| 子宫回声欠均匀是什么意思| 女人梦见老鼠什么征兆| 肚子大是什么原因| 天网是什么意思| 来月经为什么会头疼| 卷柏是什么植物| 老是头疼是什么原因| 巨蟹座女和什么座最配| 赡养什么意思| 为什么说白痰要人命| 色纸是什么| 荧惑守心是什么意思| 脸上老长痘痘是什么原因| 落户什么意思| 振幅是什么意思| 十月九号什么星座| 手脚肿胀是什么原因| 胃动力不足吃什么中成药| 口服是什么意思| p波高尖代表什么| 走路脚后跟疼是什么原因| 11月29是什么星座| 大脸适合什么发型| 98什么意思| 细菌性前列腺炎吃什么药| 苹果煮水有什么功效| 白带多是什么原因| 82年属什么的| 南京都有什么大学| 厚黑学的精髓是什么| 小腿有血栓是什么症状| 治疗幽门螺杆菌用什么药效果最好| 皮肤过敏挂什么科| 为什么总放屁| 店铺开业送什么礼物好| 特仑苏是什么意思| 取其轻前一句是什么| 食伤泄秀是什么意思| 电商属于什么行业| 花中之王是什么花| jet是什么意思| 后嗣是什么意思| 忠于自己是什么意思| 婴幼儿积食会有什么症状| 酸碱度偏高是什么意思| 胸部ct平扫能检查出什么| 用鸡蛋滚脸有什么好处| 小case什么意思| 男人更年期有什么症状有哪些表现| 通字五行属什么| 有加有减先算什么| 榴莲为什么苦| aj是什么鞋子| 边际贡献是什么意思| 黄芪起什么作用| 嘴巴苦是什么原因引起的| 女人白带多是什么原因| 鸡眼长什么样| 脉搏快是什么原因| 发烧为什么不能吃鸡蛋| 什么空调省电| 怀孕送什么礼物| 关节退行性变是什么意思| 什么是淋巴肿瘤| 先天性心脏病最怕什么| 11月出生是什么星座| 尿路感染吃什么药效果好| 女人喝黄酒有什么好处| 脖子为什么有颈纹| 财主代表什么生肖| 乳腺囊实性结节是什么意思| 周岁是什么意思| 白癜风有什么症状| 脾围是什么意思| 手抖吃什么药最好| 中产阶级的标准是什么| 肠胃炎吃什么消炎药| 爱彼手表什么档次| 顺风耳是什么意思| 早上9点半是什么时辰| 湿气重是什么原因引起的| 眼角痒是什么原因| 张三李四王五赵六后面是什么| 什么是阴道炎| 饵丝是什么| 妲己是什么生肖| 低血压去药店买什么药| 子宫形态不规则是什么意思| 口周皮炎用什么药膏| coa是什么意思| 屁很臭是什么原因| 什么牌子的蜂胶最好| sp是什么面料成分| 无事不登三宝殿什么意思| 木薯粉是什么东西| 怀孕为什么会恶心想吐| 结膜炎角膜炎用什么眼药水| 9999是什么意思| 为什么长鸡眼| 补充蛋白质提高免疫力吃什么| 笑对人生是什么意思| 什么叫一桌餐| 肌酐升高是什么原因| 湿疹用什么药膏好| 紫砂壶适合泡什么茶| 梦到很多蛇是什么意思| 跃跃欲试什么意思| 身上为什么会长小肉球| 怀不上孕是什么原因| 肠胃不好吃什么药效果好| 大黄是什么药| 横眉冷对是什么意思| 投诉与举报有什么区别| 初伏是什么意思| 针清是什么| 猫的五行属什么| 铁皮石斛花有什么作用| 农历12月26日是什么星座| 梦见自己生了个儿子是什么意思| 清真食品是什么意思| 男人下面有异味什么原因| 什么是导管| b1是什么| 乙肝携带者是什么意思| 低密度脂蛋白胆固醇高吃什么药| 口干舌燥吃什么中成药| 为所欲为什么意思| 三个土是什么字| 构筑物是什么意思| 天方夜谭是什么生肖| 九月29号是什么星座| 六月六日是什么节日| 视网膜病变有什么症状| 周正是什么意思| 什么的竹叶| 蚊子咬了为什么痒| 凿壁偷光是什么意思| 7个月的宝宝吃什么辅食| 一比吊糟什么意思| 小米配什么熬粥最好| 湖水蓝是什么颜色| 氟骨症是什么病| au750是什么意思| 吃芒果后不能吃什么| 什么水果最贵| 什么人适合吃西洋参| 教师节送老师什么礼物最好| 直肠炎是什么原因引起| 轻微手足口病吃什么药| 梅子什么时候成熟| 吴京为什么看上谢楠| 孕早期生气对胎儿有什么影响| 12月3号是什么星座| 急性腹泻拉水吃什么药| 老是掉头发是什么原因| 甲状腺结节吃什么水果好| 心悸是什么意思啊| 出虚汗是什么原因引起的怎么调理| 38码衣服相当于什么码| 爱困总想睡觉什么原因| 什么重什么轻| 梦见蘑菇是什么预兆| 百度

太原某事业单位招聘绿化养护公司

百度 11时25分,关岭大队到位,指挥员查看现场情况后下令:将人员分为两组,一组迅速利用消防车双干线出移动泡沫发生器进行扑灭,并覆盖泄露油品;另一组协助相关部门进行警戒。

iOS使用地图组件需要集成扩展SDK/MapSDK(系统地图使用扩展SDK,第三方地图使用MapSDK)

iOS集成扩展SDK/MapSDK请参考「小程序 SDK-iOS SDK-iOS 集成」

Android使用地图组件需要集成MapSDK

Android集成MapSDK请参考「小程序 SDK-Android SDK-Android 集成-6. MapSDK」

# 系统地图(仅iOS支持)

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

# marker

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

# marker 上的气泡 callout

属性 说明 类型 备注 支持度
content 文本 string ?
color 文本颜色 string ?
fontSize 文字大小 number ?
borderRadius 边框圆角 number ?
borderWidth 边框宽度 string ?
borderColor 边框颜色 string ?
bgColor 背景色 string ?
padding 文本边缘留白 number ?
display 'BYCLICK':点击显示; 'ALWAYS':常显 string ?
textAlign 文本对齐方式。有效值: left, right, center string ?
anchorX 横向偏移量,向右为正数 number ?
anchorY 纵向偏移量,向下为正数 number ?

# marker 上的气泡 customCallout

customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制,灵活度更高。

属性 说明 类型 备注 支持度
display 'BYCLICK':点击显示; 'ALWAYS':常显 string ?
anchorX 横向偏移量,向右为正数 number ?
anchorY 纵向偏移量,向下为正数 number ?

使用方式如下,map 组件下添加名为 callout 的 slot 节点,其内部的 cover-view 通过 marker-id 属性与 marker 绑定。当 marker 创建时,该 cover-view 显示的内容将作为 callout 显示在标记点上方。

<map>
  <cover-view slot="callout">
    <cover-view marker-id="1"></cover-view>
    <cover-view marker-id="2"></cover-view>
    <cover-view marker-id="3"></cover-view>
  </cover-view>
</map>

# marker 上的气泡 label

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

# polyline

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

# polygon

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

# circle

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

# control

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

# position

属性 说明 类型 必填 备注 支持度
left 距离地图的左边界多远 number 默认为0 ?
top 距离地图的上边界多远 number 默认为0 ?
width 控件宽度 number 默认为0 ?
height 控件高度 number 默认为0 ?




# 高德地图

高德地图最多允许有10个map对象

当超过10个map地图对象时,地图内容会显示黑屏。所以,当使用高德地图来实现map组件(即依赖高德地图扩展SDK)时,需要小程序在页面的onHide()里移除销毁map,然后在onShow()里创建地图和添加地图内容。

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

# marker

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

# marker 上的气泡 callout

属性 说明 类型 备注 支持度
content 文本 string iOS:? Android:? IDE:?
color 文本颜色 string iOS:? Android:? IDE:?
fontSize 文字大小 number iOS:? Android:? IDE:?
borderRadius 边框圆角 number iOS:? Android:? IDE:?
borderWidth 边框宽度 string iOS:? Android:? IDE:?
borderColor 边框颜色 string iOS:? Android:? IDE:?
bgColor 背景色 string iOS:? Android:? IDE:?
padding 文本边缘留白 number iOS:? Android:? IDE:?
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:? IDE:?
textAlign 文本对齐方式。有效值: left, right, center string iOS:? Android:? IDE:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:? IDE:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:? IDE:?

# marker 上的气泡 customCallout

customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制,灵活度更高。

属性 说明 类型 备注 支持度
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:? IDE:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:? IDE:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:? IDE:?

使用方式如下,map 组件下添加名为 callout 的 slot 节点,其内部的 cover-view 通过 marker-id 属性与 marker 绑定。当 marker 创建时,该 cover-view 显示的内容将作为 callout 显示在标记点上方。

<map>
  <cover-view slot="callout">
    <cover-view marker-id="1"></cover-view>
    <cover-view marker-id="2"></cover-view>
    <cover-view marker-id="3"></cover-view>
  </cover-view>
</map>

# marker 上的气泡 label

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

# polyline

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

# polygon

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

# circle

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

# control

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

# position

属性 说明 类型 必填 备注 支持度
left 距离地图的左边界多远 number 默认为0 iOS:? Android:? IDE:?
top 距离地图的上边界多远 number 默认为0 iOS:? Android:? IDE:?
width 控件宽度 number 默认为0 iOS:? Android:? IDE:?
height 控件高度 number 默认为0 iOS:? Android:? IDE:?




# 百度地图(仅iOS、Android支持)

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

# marker

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

# marker 上的气泡 callout

属性 说明 类型 备注 支持度
content 文本 string iOS:? Android:?
color 文本颜色 string iOS:? Android:?
fontSize 文字大小 number iOS:? Android:?
borderRadius 边框圆角 number iOS:? Android:?
borderWidth 边框宽度 string iOS:? Android:?
borderColor 边框颜色 string iOS:? Android:?
bgColor 背景色 string iOS:? Android:?
padding 文本边缘留白 number iOS:? Android:?
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:?
textAlign 文本对齐方式。有效值: left, right, center string iOS:? Android:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:?

# marker 上的气泡 customCallout

customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制,灵活度更高。

属性 说明 类型 备注 支持度
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:?

使用方式如下,map 组件下添加名为 callout 的 slot 节点,其内部的 cover-view 通过 marker-id 属性与 marker 绑定。当 marker 创建时,该 cover-view 显示的内容将作为 callout 显示在标记点上方。

<map>
  <cover-view slot="callout">
    <cover-view marker-id="1"></cover-view>
    <cover-view marker-id="2"></cover-view>
    <cover-view marker-id="3"></cover-view>
  </cover-view>
</map>

# marker 上的气泡 label

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

# polyline

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

# polygon

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

# circle

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

# control

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

# position

属性 说明 类型 必填 备注 支持度
left 距离地图的左边界多远 number 默认为0 iOS:? Android:?
top 距离地图的上边界多远 number 默认为0 iOS:? Android:?
width 控件宽度 number 默认为0 iOS:? Android:?
height 控件高度 number 默认为0 iOS:? Android:?




# 腾讯地图(仅iOS、Android支持)

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

# marker

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

# marker 上的气泡 callout

属性 说明 类型 备注 支持度
content 文本 string iOS:? Android:?
color 文本颜色 string iOS:? Android:?
fontSize 文字大小 number iOS:? Android:?
borderRadius 边框圆角 number iOS:? Android:?
borderWidth 边框宽度 string iOS:? Android:?
borderColor 边框颜色 string iOS:? Android:?
bgColor 背景色 string iOS:? Android:?
padding 文本边缘留白 number iOS:? Android:?
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:?
textAlign 文本对齐方式。有效值: left, right, center string iOS:? Android:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:?

# marker 上的气泡 customCallout

customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制,灵活度更高。

属性 说明 类型 备注 支持度
display 'BYCLICK':点击显示; 'ALWAYS':常显 string iOS:? Android:?
anchorX 横向偏移量,向右为正数 number iOS:? Android:?
anchorY 纵向偏移量,向下为正数 number iOS:? Android:?

使用方式如下,map 组件下添加名为 callout 的 slot 节点,其内部的 cover-view 通过 marker-id 属性与 marker 绑定。当 marker 创建时,该 cover-view 显示的内容将作为 callout 显示在标记点上方。

<map>
  <cover-view slot="callout">
    <cover-view marker-id="1"></cover-view>
    <cover-view marker-id="2"></cover-view>
    <cover-view marker-id="3"></cover-view>
  </cover-view>
</map>

# marker 上的气泡 label

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

# polyline

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

# polygon

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

# circle

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

# control

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

# position

属性 说明 类型 必填 备注 支持度
left 距离地图的左边界多远 number 默认为0 iOS:? Android:?
top 距离地图的上边界多远 number 默认为0 iOS:? Android:?
width 控件宽度 number 默认为0 iOS:? Android:?
height 控件高度 number 默认为0 iOS:? Android:?




# 谷歌地图(仅Android支持)

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

# marker

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

# marker 上的气泡 callout

属性 说明 类型 备注 支持度
content 文本 string ?
color 文本颜色 string ?
fontSize 文字大小 number ?
borderRadius 边框圆角 number ?
borderWidth 边框宽度 string ?
borderColor 边框颜色 string ?
bgColor 背景色 string ?
padding 文本边缘留白 number ?
display 'BYCLICK':点击显示; 'ALWAYS':常显 string ?
textAlign 文本对齐方式。有效值: left, right, center string ?
anchorX 横向偏移量,向右为正数 number ?
anchorY 纵向偏移量,向下为正数 number ?

# marker 上的气泡 customCallout

customCallout 存在时将忽略 callout 与 title 属性。自定义气泡采用采用 cover-view 定制,灵活度更高。

属性 说明 类型 备注 支持度
display 'BYCLICK':点击显示; 'ALWAYS':常显 string ?
anchorX 横向偏移量,向右为正数 number ?
anchorY 纵向偏移量,向下为正数 number ?

使用方式如下,map 组件下添加名为 callout 的 slot 节点,其内部的 cover-view 通过 marker-id 属性与 marker 绑定。当 marker 创建时,该 cover-view 显示的内容将作为 callout 显示在标记点上方。

<map>
  <cover-view slot="callout">
    <cover-view marker-id="1"></cover-view>
    <cover-view marker-id="2"></cover-view>
    <cover-view marker-id="3"></cover-view>
  </cover-view>
</map>

# marker 上的气泡 label

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

# polyline

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

# polygon

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

# circle

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

# control

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

# position

属性 说明 类型 必填 备注 支持度
left 距离地图的左边界多远 number 默认为0 ?
top 距离地图的上边界多远 number 默认为0 ?
width 控件宽度 number 默认为0 ?
height 控件高度 number 默认为0 ?
什么时候跳绳减肥效果最好 肺结节是什么病 什么地飞 阿托品属于什么类药物 cv是什么
哮喘是什么原因引起的 推什么出什么 立春之后是什么节气 己未五行属什么 eap是什么
pt是什么时间 帕金森挂什么科 菠萝什么季节成熟 腹泻吃什么好 突然全身抽搐是什么病
孕妇喝柠檬水对胎儿有什么好处 or发什么音 咽炎吃什么 em是什么意思 一月二十五号是什么星座
胃发炎吃什么药好得快hcv9jop1ns2r.cn 纵隔淋巴结转移是什么意思hcv9jop6ns7r.cn 肚脐周围痛是什么原因hcv7jop5ns4r.cn 喜五行属什么liaochangning.com 心电图是检查什么的96micro.com
纱布是什么材质hcv7jop5ns1r.cn 吃什么缓解孕吐zhongyiyatai.com 脑梗适合吃什么食物hcv9jop7ns3r.cn 侍妾是什么意思zsyouku.com 白羊座跟什么星座最配aiwuzhiyu.com
照顾是什么意思hcv8jop9ns1r.cn 染色体是由什么组成的hcv9jop3ns0r.cn 1973年是什么命hcv8jop0ns4r.cn 女生额头长痘痘是什么原因wuhaiwuya.com 70年属什么hcv9jop7ns5r.cn
花椒吃多了对身体有什么影响hcv8jop1ns0r.cn 为什么印度人叫阿三luyiluode.com le是什么hcv9jop3ns4r.cn 天秤女喜欢什么样的男生hcv8jop6ns0r.cn 砷是什么东西hcv7jop9ns8r.cn
百度