harmonynextsdk | 百度地图api sdk-凯发k8官方旗舰厅

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

点类覆盖物支持圆点dot和标记marker两类。

效果示例
圆点dot

示例代码如下:

// 创建mapview并添加圆点dot
mapcomponent({onready:async(err, mapcontroller)=>{
if(mapcontroller){
this.mapcontroller= mapcontroller;
// 添加点覆盖物
this.dot=newdot({
color:'#f0f',
center:newlatlng(39.912935,116.433119),
radius:50
});
this.dot?.setcenter(newlatlng(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 =newmarker({
position:newlatlng(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 =newmarker({
position:newlatlng(39.904835,116.403119),
icon: image,
animatetype:sysenum.animatedefine.jump// 设置跳动动画
});
// 在地图上添加marker,并显示
mapcontroller?.addoverlay(marker);

上一篇

卫星地图

下一篇

绘制线

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

网站地图