如何在Mapbox自定义图层中绘制静态文本?

时间:2019-03-29 09:54:35

标签: text overlay mapbox mapbox-gl-js

将文本写入自定义Mapbox GL图层的最直接的方法是什么? 请查看图片,其外观应为:Mapbox map with static text! 文本应该是绝对的-不能随地图一起移动-理想情况下,文本应使用例如Google字体。 但是,不能选择在地图顶部使用HTML5 2d画布,因为我想进一步修改整个Web gl上下文-包括文本。

我知道如何在2D上下文中创建客户层,并且我知道我可以在GLGS中编写客户着色器等以某种方式在上下文中生成文本,但是手动执行此操作并不可行。我知道有像PixieJS这样的库可以抽象2D渲染,但是我不确定是否要合并例如Mapbox GL自定义图层和PixieJS是达到轻松绘制文本点的明智方法吗?

来自自定义图层的代码片段,如何获得具有自定义字体的呈现文本(具有绝对位置),看上去不错?

\b

如何避免必须编写自定义顶点/片段着色器? 我知道也有很棒的自定义图层集成Deck.gl本身提供了一个TextLayer,但是这是使用位图字体,看起来确实不是那么好。

任何提示/示例都很棒

0 个答案:

没有答案