[英]Adding custom icons for each feature in feature collection with mapbox-gl-js
[英]Mapbox GL js available icons
我正在将一个Web应用程序从Mapbox.js重写为Mapbox GL js。 使用标准的'mapbox:// styles / mapbox / streets-v8'样式,在哪里可以找到所有工作标记图标的列表?
这是我的代码:
m.map.addSource("markers", {
"type": "geojson",
"data": {
"type": "FeatureCollection",
"features": {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": ["-75.532965", "35.248018"]
},
"properties": {
"title": "Start",
"marker-symbol": "entrance",
"marker-size": "small",
"marker-color": "#D90008"
}
}
}
});
m.map.addLayer({
"id": "markers",
"type": "symbol",
"source": "markers",
"layout": {
"icon-image": "{marker-symbol}-15", //but monument-15 works
"text-field": "{title}",
"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
"text-offset": [0, -1.6],
"text-anchor": "top"
}
});
我读到所有Maki图标都应该用于没有图标作为默认值的样式: https : //github.com/mapbox/mapbox-gl-styles/issues/241但是大多数都不起作用。 另外还有尺寸问题 - 对于Maki来说,他们是小型,中型和大型,现在我看到了-11和-15。
我只需要使用一些基本的标记图标。
我们仍在整理默认图标集的最终实现细节,并在确定后对其进行彻底记录。
在此之前,您可以通过查看sprites
文件夹中的mapbox-gl-styles
repo来确切了解给定样式的可用图标。
由于该问题已经关闭 ,因此所有maki图标现在都可以在mapbox-gl.js中使用。 您可以在https://www.mapbox.com/maki-icons/上看到所有这些内容。 您也可以使用icon-size
绘制属性来增加它们的大小,但这可能会导致像素化。 还有一些障碍,比如icon-color
属性还没有工作,所以你现在需要编辑,重新着色和重新发布图标。 ( 问题#3605 )。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.