cesium地图添加坐标点

附上api文档链接

showPoint(){
	this.pointLayer= new Cesium.CustomDataSource("pointLayer");
    cViewer.dataSources.add(this.pointLayer);
    
    this.array.forEach(item => {
		this.pointLayer.entities.add({
			id: item.id,  //id
	        name:item.name,	//名称(不显示在地图上)
	        position: Cesium.Cartesian3.fromDegrees(item.lon, item.lat),
         	//自定义
         	billboard: new Cesium.BillboardGraphics({
            	image: icon,
            	scale: 0.8  //icon尺寸
          	}),
          	//自带圆点坐标
          	//point: {
          	//	color: Cesium.Color.RED,
          	//	pixelSize: 8,
          	//},
          	label: {
             	text: item.name,	//坐标名字
             	font: '12px',    //字体样式
             	fillColor: Cesium.Color.RED,        //字体颜色
             	backgroundColor:Cesium.Color.AQUA,    //背景颜色
             	showBackground:false,                //是否显示背景颜色
             	style: Cesium.LabelStyle.FILL,        //label样式
             	outlineWidth: 2,					//线宽
             	pixelOffset: new Cesium.Cartesian2(1, 24), //像素偏移量
             	verticalOrigin : Cesium.VerticalOrigin.TOP,//垂直位置
             	horizontalOrigin :Cesium.HorizontalOrigin.CENTER,//水平位置
           	}
		})
	})
},

//移除图层坐标点
removePoint(){
	if (this.pointLayer) {
      cViewer.dataSources.remove(this.pointLayer);
      this.pointLayer= null;
    }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值