浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
绘制点
下载开发文档

点类覆盖物支持圆点Dot和标记Marker两类。

效果示例
圆点Dot

示例代码如下:

// 创建mapView并添加圆点Dot
MapComponent({ onReady: async (err, mapController) => {
if (mapController) {
this.mapController = mapController;
// 添加点覆盖物
this.dot = new Dot({
color: '#f0f',
center: new LatLng(39.912935, 116.433119),
radius: 50
});
this.dot?.setCenter(new LatLng(39.912935, 116.453119));
this.dot?.setColor('#c612b4');
this.dot?.setRadius(30);
this.mapController?.addOverlay(this.dot);
}
}, mapOptions: this.mapOpt}).width('100%').height('100%')
标记Marker

效果图如下:

效果示例

Marker标记支持添加、移除、点击事件、跳动动画。

添加移除Marker

marker = new Marker({
position: new LatLng(39.904835, 116.403119),
icon: image,
yOffset: 0,
isFlat: false,
rotate: 0,
alpha: 0.9,
scaleX: 2,
scaleY: 2,
isTop: true
});
// 在地图上添加Marker,并显示
mapController?.addOverlay(marker);

点击事件

marker.addEventListener('click', () => {
console.log('EVENT handleTouchSingle===click marker1 ')
});

跳动动画

marker = new Marker({
position: new LatLng(39.904835, 116.403119),
icon: image,
animateType: SysEnum.AnimateDefine.JUMP // 设置跳动动画
});
// 在地图上添加Marker,并显示
mapController?.addOverlay(marker);

上一篇

卫星地图

下一篇

绘制线

本篇文章对您是否有帮助?