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
存储库来准确查看给定样式可用的图标。
自从该问题关闭以来,所有 maki 图标现在都可以在 mapbox-gl.js 中原生使用。 您可以在 https://www.mapbox.com/maki-icons/上看到所有可用的内容。您还可以使用 icon-size
paint 属性乘以它们的大小,尽管这可能会导致像素化。 仍然存在一些障碍,例如 icon-color
属性尚未正常工作,因此您现在需要编辑、重新着色和重新发布图标。(问题 #3605)。
相关文章:
- simpleweather js天气图标
- 在标记mapbox.js上添加自定义图标
- 多个图标精灵与 Mapbox gl js
- 我想用js保持显示社交图标
- 为什么我的chosen.js放大镜图标在Retina屏幕上的位置不对
- 如何在gmaps.js上添加标记图像图标
- Mapbox GL js 可用图标
- (Ember.js) 断言失败:您指定了 <(ClassName.Button 的子类)的模板名称图标:ember353
- 字形图标(Halflings & Fontawsome)不显示.纯 html vs use js innerHT
- 如何使用 Easel.js 在画布中创建数据库图标
- 如何使用地图地点创建自定义图标.js
- Javascript - 在加载页面内容时将图标/图像放在页面上,并在某些JS事件中使用它
- 自定义欧芹.js以在违规字段附近显示图标
- JS:工具提示在图标右侧的相对位置
- React JS-点击更改排序图标
- 单击按钮上的图标字体图标(有时是文本)时,Backbone.js事件未触发
- 如果在 HTML/JS 中单击图标,则显示弹出窗口
- Fabric js自定义旋转图标仅在iphone'谷歌chrome浏览器
- jQuery与prototype.js冲突:日历图标没有弹出
- Node.js fs获取目录中文件的图标