使用"fromMakiIconId“的Cesium

Question

我开始使用to来表示3d地图，并尝试在此3d视图之上添加兴趣点数据。我尝试过本地的png图标，它起作用了。我还意识到可以从内置资源中添加图标。我尝试了下面的代码，它工作得很好。我有一组不同的PoIs，但找不到可以将它们添加到地图上的标签。

​

​

例如，要添加一家医院，我在图标i中引用了医院。

var hospitalPin = Cesium.when(
  pinBuilder.fromMakiIconId("hospital", Cesium.Color.RED, 48),
  function (canvas) {
    return viewer.entities.add({
      name: "Hospital",
      position: Cesium.Cartesian3.fromDegrees(77.311, 32.826),
      billboard: {
        image: canvas.toDataURL(),
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
      },
    });
  }
);

以类似的方式，是否有任何图标In的引用，我可以使用它们在我的代码中使用它们来表示PoIs。任何帮助都是非常感谢的。

我在can库中找到了位于\Build\can\Assets\Textures\maki的源映像，我认为可以使用它。

Answer 1

您发布的图片来自PinBuilder docs，但请查看其原始源代码:这是Cesium Sandcastle GeoJson Demo的屏幕截图。

正如您所注意到的，各个引脚的图像存储在a folder called maki中，其名称如下：

airport.png
alcohol-shop.png
america-football.png
art-gallery.png
bakery.png
bank.png
bar.png
baseball.png
...

只需将.png从图像文件名的末尾剥离，就可以了。这就是身份证。

ID:中允许使用破折号：

pinBuilder.fromMakiIconId("america-football", Cesium.Color.RED, 48)

但是，原始截图中的前几个图钉没有对应的Maki图标，它们是简单的字母或数字。您可以使用文本构建管脚，使用不同的函数，如下所示：

pinBuilder.fromText("A", Cesium.Color.RED, 48)

您也可以使用带有Unicode characters的引脚。

pinBuilder.fromText("\u267b", Cesium.Color.RED, 48)

最后，如果您有自己的自定义PNG文件，类似于Maki图标，但根据您的应用程序的需要进行自定义，您可以直接从自定义PNG文件的URL构建pin。

pinBuilder.fromUrl(url, Cesium.Color.RED, 48)