CesiumJS-在基本形状顶部添加带有图片的实体

时间:2019-11-12 07:43:11

标签: angular typescript cesium

问题:

我们在应用程序中使用 CesiumJS 库,并尝试添加一些复杂的实体,但没有成功。 该应用程序应显示不同类型(基本形状)的实体,每个实体应具有其特定的图像。

是否可以通过这种方式添加实体?

案例描述:

我尝试在地图上创建具有基本形状(例如六边形,圆形等)的实体,并在该形状的顶部创建图像。 我目前使用PinBuilder进行实体创建,但是我想以不同的针形样式显示它。 每个实体应具有不同的基本形状和不同的图像。


代码示例:

`// cesium-map.directive.ts file
// current code - with PinBuilder
// its responsible to add new entity by its params
const entity = this.viewer.entities.add({
  id,
  description: type,
  position: Cesium.Cartesian3.fromDegrees(long, lat, 0),
  label: {
    text: name,
    font: '12px sans-serif',
    verticalOrigin: Cesium.VerticalOrigin.TOP,
    distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 80000)
  },
  // maybe there something else then billboard / PinBuilder that can used here?
  billboard: {
    image: new Cesium.PinBuilder().fromUrl(
      options.cesiumIconUrl,
      isSelected ? selectedColor : options.color,
      30
    ),
    verticalOrigin: Cesium.VerticalOrigin.BOTTOM
  }
});`

系统信息:

  

操作系统:Windows 10

     

浏览器:chrome 78

     

铯:1.55.0

     

角度:5


链接:

CesiumJS

docs


我一直在Cesium文档和Web资源中搜索解决方案,但没有成功。

我想在这里获得一些帮助。 :)

0 个答案:

没有答案