使用 MapBox Studio 将标记添加为矢量平铺答案

【问题标题】：add markers as vector tile with MapBox Studio使用 MapBox Studio 将标记添加为矢量平铺
【发布时间】：2015-10-06 22:37:52
【问题描述】：

我有一些 GeoJSON 数据，其中包含一些我想在地图上显示的位置。由于它还包含样式（marker-icon、marker-size 等），所以现在我将这些数据用作

map.setGeoJSON(my_data);

这些位置永远不会改变，我想将它们添加为矢量图块。有没有办法用 MapBox 工作室做到这一点？我试图将 my_data 放在一个文件中并将其加载到 MBS 中，但我不知道如何设置它们的样式，因为它们是 MapBox 的默认标记。

谢谢

【问题讨论】：

标签： mapbox geojson

【解决方案1】：

因为它还包含样式（marker-icon、marker-size 等）

你的意思是它遵循 MapBox 的simplestyle spec 吗？如果是这样，这个 simplestyle 仅用于在浏览器中设置 geojson 的样式，而不是 MapBox Studio 中的矢量瓦片源。

如果你想在 MapBox Studio 中设置样式，你必须使用 CartoCSS：使用你的 geojson 创建一个 Studio Source 项目，然后创建一个 Studio Style 项目来使用 Carto 设置它们的样式。签出 maki icon set 并使用 marker-file: url("path/to/icon.png"); 属性为每个点引用所需的图标。

否则，您可以使用 mapbox.js 在浏览器中将 geojson 加载到您的地图中并应用它们的简单样式。

【讨论】：

我真的有一堆标记要添加......所以我认为将它们放在矢量平铺中是一个很好的解决方案。我不认为 MBS 遵循 simplestyle 规范 ...至少，我没有设法让它工作。我想知道是否有办法做到这一点。如果我使用marker-file:url("");，我应该为每种颜色和图标都有一个图像......
是的，不能让 MapBox Studio 使用 simplestyle 规范。因此，在 Studio 中，您无法使用 CartoCSS。使用marker-file:url("path/to/icon.png"); Carto 属性，并将其指向您的图标 png 的路径——如果您想模仿 simplestyle 规范的图标集，请查看上面链接的 Maki。 This Studio guide 提供了一个很好的示例，说明如何设置您的样式项目目录来存储图标。
如需指导，请查看 MapBox Studio 中包含的 OSM Bright 2 项目。它通过将图标名称指定为每个标记特征的属性，以一种非常巧妙的方式将 Maki 图标用于兴趣点：marker-file:url('icon/[maki]-12.svg');