MapboxGL JS - 形状图层类型

时间:2017-01-19 15:56:25

标签: mapbox-gl-js

我有一个包含数千个geojson点的矢量图块源的地图。 我可以使用circle类型图层在地图上显示这些点,为每个点显示一个圆圈。

我想做同样的事情,但使用不同的形状,如方形和三角形。是不是有内置的方法来做到这一点?我有什么选择?

1 个答案:

答案 0 :(得分:0)

如果有任何用处,我就这样做了:

  1. 我通过编辑https://www.mapbox.com/maki-icons/editor/
  2. 中提供的maki形状图标,创建了一组不同颜色的svg图像
  3. 我使用https://github.com/mapbox/spritezero-cli
  4. 将它们转换为jpg精灵文件和json描述符
  5. 我创建了一个从mapbox提供的样式派生的样式,以便使用我的自定义精灵,并使用https://github.com/klokantech/tileserver-gl
  6. 提供此样式
  7. 在我的图层配置中,我使用了“符号”类型图层,并通过在布局属性“icon-image”中传递其名称来选择相关图标:“green-triangle-11”
  8. 我承认在地图上显示绿色三角形是相当多的工作!

    编辑(18-07-2017):我发现你可以加载任何图像并将其显示在地图上,它不一定是样式的一部分。我不确定Mapbox最近是否添加了这个,或者我是否错过了它。这是:

    http.sslVerify

    取自https://www.mapbox.com/mapbox-gl-js/example/add-image/