Question

我在mapbox上有一个图层，如下所示;

map.addLayer({
   "id": "places-drink",
   "type": "symbol",
   "source": "places",
   "filter": ["all", ["==","Venues","TRUE"],['==','Type','drink']],
   "layout": {
           "icon-image": "bar-15",
           "icon-allow-overlap": true,
           "icon-size": 1.3
    },
});

我希望不使用地图框图标，而是使用本地图像。我该怎么做呢？

Answer 1

符号图层的icon-image属性使用样式的精灵表来存储图标。

您可以修改地图样式的精灵表以包含自定义图像。如果您想使用本地文件，则需要使用spritezero之类的工具从图片中组合精灵表，然后将您的样式的sprite网址设置为你创建的精灵表目录。

您还可以使用mapbox.com/studio/样式编辑器将自定义图像上传到样式。以下是如何执行此操作的指南：https://www.mapbox.com/help/custom-images/

免责声明 - 我在Mapbox工作

将URL图像添加到mapbox GL JS图层

1 个答案: