map 1020+

概述

地图

子组件

不支持

属性

支持通用属性

名称 类型 默认值 必填 描述
latitude <number> 默认为当前位置,否则为北京 中心纬度
longitude <number> 默认为当前位置,否则为北京 中心经度
coordtype <string> - 中心坐标坐标系,如不为空,组件将自动做坐标转换。可选值可通过getSupportedCoordTypes获取
scale <number> 11 缩放级别,4-20
rotate <number> 0 逆时针旋转角度
markers <array> - 用来标记地图上的点
showmylocation <boolean> false 显示带有方向的当前定位点
polylines <array> - 折线
circles <array> - 地图上显示圆
controls <array> - 控件
groundoverlays <array> - 贴图
includepoints <array> - 缩放视野以包含所有给定的坐标点

  1. 一级属性都是全部小写的格式,并不符合驼峰命名方式,这里的coordtype属性与下文需加以区分;
  2. 如果地图没有加载完毕,includepoints属性不生效,建议在loaded监听事件中设置该属性。

子属性

markers

名称 类型 默认值 必填 描述
id <number> -1 每个标记点的唯一标识
latitude <number> - 标记点纬度
longitude <number> - 标记点经度
coordType <string> - 标记点坐标坐标系,如不为空,组件将自动做坐标转换。可选值可通过getSupportedCoordTypes获取
title <string> - 标记点名称
iconPath <uri> - 标记图标资源的本地绝对路径
opacity <number> 1 标记透明度,0-1
rotate <number> 0 逆时针旋转角度
width <length> 标记图实际宽度 标记图宽度
height <length> 标记图实际高度 标记图高度
anchor <object> {x:0.5,y:1} 标记点在标记图标的位置,x表示横向坐标,取值范围0-1,y表示纵向坐标,取值范围0-1
callout <object> - 标记点上方的文本弹窗
zIndex <number> - z轴坐标,用来描述重叠时的展示顺序

markers-callout

名称 类型 默认值 必填 描述
content <string> - 文本内容
color <color> #000000 字体颜色
fontSize <number> 30px 文本字号
borderRadius <length> 0px 边框圆角
padding <length> 0px 文本边缘留白,支持1-4个参数
backgroundColor <color> #ffffff 背景色
display byclick | always byclick 点击触发显示还是常显
textAlign left | right | center center 文本对齐方式

polylines

属性 类型 默认值 必填 描述
points <array> - 路线上点的数组[{latitude, longitude, coordType}]
color <color> #666666 路线颜色
width <length> 10px 路线宽度
dotted <boolean> false 是否为虚线
zIndex <number> - z轴坐标,用来描述重叠时的展示顺序

circles

名称 类型 默认值 必填 描述
latitude <number> - 圆心的纬度
longitude <number> - 圆心的经度
coordType <string> - 圆心坐标坐标系,如不为空,组件将自动做坐标转换。可选值可通过getSupportedCoordTypes获取
radius <number> - 半径(单位:米)
fillColor <color> #666666 填充颜色
borderWidth <length> 0px 描边的宽度
borderColor <color> #666666 描边的颜色
zIndex <number> - z轴坐标,用来描述重叠时的展示顺序

groundoverlays

属性 类型 默认值 必填 描述
id <number> -1 贴图id
northEast <object> - 贴图东北角坐标
southWest <object> - 贴图西南角坐标
iconPath <uri> - 图片资源的本地绝对路径
opacity <number> 1 透明度,0-1
visible <boolean> true 可见性
zIndex <number> - z轴坐标,用来描述重叠时的展示顺序

northEast/southWest

属性 类型 默认值 必填 描述
latitude <number> - 纬度
longitude <number> - 经度
coordType <string> - 坐标系

controls

名称 类型 默认值 必填 描述
id <number> -1 控件的id
position <object> - 控件相对地图组件的位置
iconPath <string> - 控件图标资源的本地绝对路径
clickable <boolean> true 是否可点击

controls-position

名称 类型 默认值 必填 描述
left <length> 0 和地图左边界的距离
right <length> 0 和地图右边界的距离,指定left时,该属性无效
top <length> 0 和地图上边界的距离
bottom <length> 0 和地图下边界的距离,指定top时,该属性无效
width <length> - 控件宽度
height <length> - 控件高度

样式

支持通用样式

事件

支持通用事件

名称 参数 描述
loaded - 地图渲染更新完成时触发
regionchange {southwest, northeast} 视野发生变化时触发
tap {latitude, longitude} 点击地图时触发
markertap {markerId} 点击地图标记点时触发
callouttap {markerId} 点击标记点对应弹窗触发
controltap {controlId} 点击控件触发

方法

名称 参数 描述
getCenterLocation OBJECT 获取地图中心点坐标
translateMarker OBJECT 在地图上移动marker
moveToMyLocation - 将地图中心点移动到当前位置坐标
includePoints OBJECT 缩放地图,展示所有给定坐标点,如果地图未加载完毕,该方法不生效
getRegion OBJECT 获取当前地图视野范围
getScale OBJECT 获取地图的放大级别
getSupportedCoordTypes OBJECT 获取地图当前支持的坐标系
getCoordType OBJECT 获取地图当前使用的坐标系
convertCoord OBJECT 对坐标的坐标系进行转换

getCenterLocation 的 OBJECT 参数列表

参数 类型 必填 说明
success Function 接口调用成功的回调函数, res = {latitude, longitude}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

translateMarker的OBJECT参数列表

参数 类型 必填 说明
markerId Number 指定marker
destination Object 指定marker移动到的目标点({latitude, longitude}
autoRotate Boolean 移动过程中是否自动旋转marker
rotate Number marker的旋转角度,autoRotate为true,该值无效
duration Number 动画持续时长,默认值1000ms
animationEnd Function 动画结束回调函数
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

includePoints 的 OBJECT 参数列表

参数 类型 必填 说明
points Array 要显示在可视区域内的坐标点数组,[{latitude, longitude, coordType}]
padding String 坐标点形成的最小矩形区域距离边缘的最小距离,支持1-4个参数,单位:px
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

getRegion 的 OBJECT 参数列表

参数 类型 必填 说明
success Function 接口调用成功的回调函数, res = {southwest, northeast},西南角与东北角的经纬度
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

getScale 的 OBJECT 参数列表

参数 类型 必填 说明
success Function 接口调用成功的回调函数,res = {scale}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

getSupportedCoordTypes 的 OBJECT 参数列表

参数 类型 必填 说明
success Function 接口调用成功的回调函数,res = coordTypes:[coordType1, coordType2, ...]
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

getCoordType 的 OBJECT 参数列表

参数 类型 必填 说明
latitude <number> 坐标点的纬度
longitude <number> 坐标点的经度
coordType <string> 坐标点的坐标系
success Function 接口调用成功的回调函数,res = {coordType},coordType可选值可通过getSupportedCoordTypes获取,如果坐标点缺省,则默认屏幕中心点为坐标点
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

convertCoord 的 OBJECT 参数列表

参数 类型 必填 说明
from <string> 输入坐标当前的坐标系,可选值可通过getSupportedCoordTypes获取,当前只支持wgs84
to <string> 输入坐标需要转换输出的坐标系,可选值可通过getSupportedCoordTypes获取,默认为当前地图坐标系
latitude <number> 需要转换的坐标纬度
longitude <number> 需要转换的坐标经度
success Function 接口调用成功的回调函数,res = {latitude, longitude}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数

支持明细

厂商 支持 备注
小米 1020+ -
中兴 1020+ -
华为 no -
金立 1020+ -
联想 1020+ -
魅族 1020+ -
努比亚 1020+ -
OPPO 1020+ -
vivo 1020+ -
一加 - -
预览版 1020+ -

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容