Cesium(4):使用cesium内置的图钉样式显示geojson点

本文介绍了如何在Cesium中利用PinBuilder生成自定义图钉,包括从颜色、Maki图标、文字和URL创建图钉,并展示了通过GeoJsonDataSource加载点数据时设置markerSymbol和markerColor的方法,以实现丰富的地图视觉效果。
摘要由CSDN通过智能技术生成

1.版本

cesium 1.92.0


2.cesium内置的图定样式


3.方法一

Cesium.PinBuilder一个实用类,用于生成作为画布元素的自定义贴图接点。它有四个函数:

  • fromColor(color, size):指定颜色的图钉

  • fromMakiIconId(id, color, size):指定maki icon的图钉

  • fromText(text, color, size):指定文字的图钉

  • fromUrl(url, color, size):指定图片的图钉

const pinBuilder = new Cesium.PinBuilder();
viewer.entities.add({
  name: "Question mark",
  position: Cesium.Cartesian3.fromDegrees(-75.1698529, 39.9220071),
  billboard: {
    image: pinBuilder.fromText("张", Cesium.Color.BLUE, 48).toDataURL(),
    verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
  },
});


4.方法二

GeoJsonDataSource:加载geojson点时,配置相应的markerSymbol、markerColor。

const dataSource = Cesium.GeoJsonDataSource.load("simplestyles.geojson",{
    markerSymbol:"park",
    markerColor:"#3E60A0"
});
viewer.dataSources.add(dataSource);

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

碰碰qaq

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值