Cesium js CircleOutlineGeometry画轮廓的圆形 加中心点 label

记录cesium的使用

 			var scene = viewer.scene;
           	var center = Cesium.Cartesian3.fromDegrees(120, 30);
            var radius = 250000.0;
            var solidWhite = Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.YELLOW);
            var circleOutlineInstance = new Cesium.GeometryInstance({
                geometry: new Cesium.CircleOutlineGeometry({
                    center: center,
                    radius: radius
                }),
                attributes: {
                    color: solidWhite
                }
            });
            var circleOutlineInstance1 = new Cesium.GeometryInstance({
                geometry: new Cesium.CircleOutlineGeometry({
                    center: Cesium.Cartesian3.fromDegrees(124, 30),
                    radius: 250000
                }),
                attributes: {
                    color: solidWhite
                }
            });
            var circleOutlineInstance2 = new Cesium.GeometryInstance({
                geometry: new Cesium.CircleOutlineGeometry({
                    center: Cesium.Cartesian3.fromDegrees(104, 30),
                    radius: 250000
                }),
                attributes: {
                    color: solidWhite
                }
            });
            scene.primitives.add(
                new Cesium.Primitive({
                    geometryInstances: [circleOutlineInstance, circleOutlineInstance1, circleOutlineInstance2],
                    appearance: new Cesium.PerInstanceColorAppearance({
                        flat: true,
                        translucent: false,
                        renderState: {
                            lineWidth: Math.min(6.0, scene.maximumAliasedLineWidth)
                        }
                    })
                })
            );
            viewer.entities.add({
                position: Cesium.Cartesian3.fromDegrees(104, 30, 2.61),
                point: {
                    color: Cesium.Color.RED, //点位颜色
                    pixelSize: 10 //像素点大小
                },
                label: {
                    text: 'label名',
                    font: '14pt Source Han Sans CN', //字体样式
                    fillColor: Cesium.Color.BLACK, //字体颜色
                    backgroundColor: Cesium.Color.AQUA, //背景颜色
                    showBackground: true, //是否显示背景颜色
                    style: Cesium.LabelStyle.FILL, //label样式
                    outlineWidth: 2,
                    verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
                    horizontalOrigin: Cesium.HorizontalOrigin.LEFT, //水平位置
                    pixelOffset: new Cesium.Cartesian2(10, 0) //偏移
                }
            }); 
            
		viewer.zoomTo(entity);//居中到该点
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值