使用自定义字体和重新着色MapboxGl标记

时间:2016-06-04 23:39:03

标签: css icons zurb-foundation mapbox-gl mapbox-gl-js

是否可以使用Foundation Icon Fonts或Font Awesome图标作为MapboxGL地图上的标记,基本上嵌入HTML

"<i class="fi-marker"></i>" 

进入&#34;标记符号&#34;领域?此外,是否有&#34;图标颜色&#34;或&#34;标记颜色&#34;在这种情况下改变标记颜色的字段?这样可以很容易地自定义标记的颜色。

对于mapboxgl自己的标记符号,我无法找到自定义颜色的方法,我已经看过&#34; default_marker&#34; (蓝色)和&#34; secondary_marker&#34; (红色),但我想用更多的颜色来区分某些位置。

1 个答案:

答案 0 :(得分:0)

目前无法在GL地图上创建HTML标记。地图在WebGL中呈现,没有简单的方法可以在WebGL中嵌入HTML。

can use custom icons in symbol layers但他们不能像icon-colormarker-color一样重新着色。您需要提前生成所有彩色图像。