Mapbox GL JS 支持中文标注

mapbox官方提供了对应的语言插件。

方法

安装
npm install --save mapbox-gl @mapbox/mapbox-gl-language
使用

import MapboxLanguage from '@mapbox/mapbox-gl-language'

map.addControl(new MapboxLanguage({defaultLanguage: 'zh'}));

问题

插件没有生效，请注意的使用说明：

也就是说，如果你没有对插件进行配置的话，默认只支持官方提供的这几个样式

官网 Styles已经过时，请使用下面的style替代（已经提交了 pull requests，暂时还未合并）：

mapbox://styles/mapbox/streets-v10
mapbox://styles/mapbox/outdoors-v10
mapbox://styles/mapbox/dark-v9
mapbox://styles/mapbox/light-v9
mapbox://styles/mapbox/satellite-streets-v9
mapbox://styles/mapbox/traffic-day-v2
mapbox://styles/mapbox/traffic-night-v2

如果你是使用了自定义的样式或样式版本与上述不同时，请自行配置该插件。

切换样式后，中文又不见了。
重新添加！
const mapboxLanguage = new MapboxLanguage({ defaultLanguage: 'zh' })

 componentDidUpdate() {this.map.setStyle(this.props.style)this.map.addControl(mapboxLanguage);}

Mapbox GL JS 支持中文标注相关推荐

喜大普奔——Mapbox GL JS支持多种投影了
1. 写在前面 Mapbox GL JS 在v2.6.0之前不支持投影,默认地图是Mercator投影方式,如果项目中使用其他类型的投影(比如加载经纬度直投4326的地图切片),必须通过修改源码的方式 ...
Mapbox GL JS 地图英文转中文的解决办法
Mapbox GL JS地图框架的使用者已经越来越多了.不仅仅是因为它支持矢量瓦片,它里面内置了一些非常精美的地图,并且支持自定义搭配地图.对于个人开发者而言,一般都不具备自己搭建地图服务的硬件资源, ...
Mapbox GL JS 表达式概述
表达式(expressions)是Mapbox GL JS的一个高级功能,它为数据的添加和渲染展示提供了更多的灵活性. 表达式的功能包括: 数据驱动样式:根据一个或多个数据属性指定样式规则. 算术:对 ...
Mapbox GL JS介绍及使用
Mapbox GL JS介绍及使用:(以web端基本交互实现为例) Mapbox GL JS 是一个 JavaScript 库,它使用 WebGL,以 vector tiles 和 Mapbox st ...
Mapbox GL JS实现炫酷的地图背景
经常看到网上的各种地图,有着炫酷的地图背景,用户体验非常不错.在Mapbox GL JS这块,其实关于地图的背景没有太多的设置.但当我们想基于Mapbox GL JS实现炫酷的地图背景改怎么办呢?这里 ...
Mapbox GL JS本地化实践
最近在搞android Mapbox SDK,一直想要本地化,看到这篇文章,赶紧转载一下,后面要用,非常感谢作者! 作者:猿基地链接:https://www.jianshu.com/p/693f38 ...
Mapbox GL JS实现移动端H5实时多边形（涂鸦）绘制
关于使用MapBox GL进行图形绘制,很多人都在使用mapbox-gl-draw.但是它只是封装了一些简单的点.线.面的绘制功能.最近的一个项目提出了要求在手机上用手指拖动实现多边形涂鸦绘制,要求实 ...
Mapbox实现自定义经纬网及标注
一.效果预览在Mapbox地图中,添加经纬网与经纬网坐标标注,并随着地图缩放自适应经纬网网格大小. 二.原理说明本方法在maplibre-grid.js基础上修改完成,maplibre-grid ...
中文标注工具brat的使用
安装下载地址:https://github.com/nlplab/brat/releases/tag/v1.3p1 解压 unzip brat-1.3p1.zip Anaconda创建新环境 con ...

Mapbox GL JS 支持中文标注

方法

问题

Mapbox GL JS 支持中文标注相关推荐

最新文章

热门文章

Mapbox GL JS 支持 中文标注

方法

问题

Mapbox GL JS 支持 中文标注相关推荐

最新文章

热门文章

Mapbox GL JS 支持中文标注

Mapbox GL JS 支持中文标注相关推荐