Cesiumjs 地图绘制 ‘点’ 插旗或广告牌

Cesiumjs 地图绘制 ‘点’ 插旗或广告牌

上代码

▼
js
复制代码
// 初始化Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer');
viewer.entities.add({
    // 坐标
    position: Cesium.Cartesian3.fromDegrees([点的经度], [点的纬度]),
    // 绘制图标
    billboard: {
      image: [图标],
      height: (75 / 7) * 5,
      width: 75 * (item.NAME.length / 4),
      // 相对于坐标点的垂直布局
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
    },
    label: {
      // 绘制文字，文字内容
      text: [文字内容],
      font: '15px sans-serif',//字体
      fillColor: Cesium.Color.WHITE,// 字体颜色
      outlineColor: Cesium.Color.BLACK,// 字体描边
      outlineWidth: 4,// 描边宽度
      style: Cesium.LabelStyle.FILL_AND_OUTLINE,
      // 设置文字的偏移量
      pixelOffset: new Cesium.Cartesian2(0, -34),
      // 设置文字的显示位置
      horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
    },
    // 点的携带的信息，监听点击时有用，自定义
    properties: {
      TYPE: 'IRR_CENTER',
    }
})

效果