cesium添加标签与广告牌

CesiumJs yekong

cesium指定坐标添加文字和广告牌图片,通过viewer.entities.add来添加文字和广告牌
label 标签
billboard 广告牌

cesium添加标签与广告牌

// 添加文字
var label = viewer.entities.add({
    position: Cesium.Cartesian3.fromDegrees(113.3191, 23.109, 700),
    label: {
      text: '广州塔',
      font: '24px sans-serif',
      fillColor: Cesium.Color.WHEAT,
      outlineColor: Cesium.Color.BLACK,
      outlineWidth: 4,
      // FILL填充文字 outLine勾勒标签 FILL_AND_OUtLine填充文字和勾勒标签
      style: Cesium.LabelStyle.FILL_AND_OUTLINE,
      // 设置文字的偏移量
      pixelOffset: new Cesium.Cartesian2(0, -24),
      // 设置文字的显示位置 left right center
      horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
      // 设置文字的显示位置
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM
    },
    billboard: {
      image: './texture/vip.png',
      width: 50,
      height: 50,
      // 设置广告牌的显示位置
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
      // 设置广告牌的显示位置
      horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
    }
})

cesium添加标签与广告牌在线演示

演示地址:cesium添加标签与广告牌

当前内容为观看threejs视频课程 Three.js可视化企业实战WEBGL课 课程-cesium添加标签与广告牌-实践的学习笔记

笔记汇总

Cesium学习笔记汇总

喜欢