mapbox-gl JS 设置中文语言

mapbox-gl JS 设置语言为中文,先上代码和设置后的效果:

import mapboxgl from 'mapbox-gl'
import 'mapbox-gl/dist/mapbox-gl.css'
import MapboxLanguage from '@mapbox/mapbox-gl-language'

const glmap = new mapboxgl.Map({
	container: 'glmap',
	style: 'mapbox://styles/mapbox/streets-v11',

	attributionControl: false,
	bounds: [[68.366455, 13.085811], [140.021727, 58.685321]]
})

glmap.addControl(new MapboxLanguage({defaultLanguage: 'zh-Hans'}))

需要注意的是,如果要成功设置地图显示语言,Style 样式需满足要求,否则报错:Error: If using MapboxLanguage with a Mapbox style, the style must be based on vector tile version 8, e.g. "streets-v11",只能是矢量瓦片的,根据官方文档提供的 Styles 测试了下,好像只有这一个可以:mapbox://styles/mapbox/streets-v11,┓( ´∀` )┏

0 条评论
请不要发布违法违规有害信息,如发现请及时举报或反馈
还没有人评论呢,速度抢占沙发!
相关文章
  • 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 建模 首先我们需要一些贴图素材 贴图素材一般可以在3dtextures网站上找到,这里我找了2份,包含了墙的法线贴图和潮湿地面的法线、...

  • 1. 需求:我们现在需要写一个 foo 函数,这个函数返回首次调用时的 Date 对象,注意是首次。 使用场景:当我们每次都需要进行条件判断,其实只需要判断一次,接下来的使用方式都不会发生改变的时候,...

  • JavaScript 词法环境 本文主要讲解JS词法环境,我们将看到什么是词法环境,词法范围如何工作,函数内部的名称如何解析,内部属性,弄清楚词法环境利于我们理解闭包。让我们开始吧... 什么是词法环...

  • JavaScript 中的拷贝分为两种:浅拷贝和深拷贝。 一、浅拷贝 浅拷贝是指在拷贝过程中,只拷贝一个对象中的指针,而不拷贝实际的数据。所以,浅拷贝中修改新对象中的数据时,原对象中的数据也会被改变。...

  • 好家伙,本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记   1.关于对象 ECMA-262将对象定义为一组属性的无序集合。严格来说,这意味着对象就是一组没有特定顺序的值。 对象的每...

  • 案例介绍 欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个表情评价程序。用户打星进行评价,表情会根据具体星星数量发生变化。 案例演示 点击星...

  • 说到JavaScript的原型和原型链,相关文章已有不少,但是大都晦涩难懂。本文将换一个角度出发,先理解原型和原型链是什么,有什么作用,再去分析那些令人头疼的关系。一、引用类型皆为对象原型和原型链都是...

  • 案例介绍 欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个随机密码生成器。用户点击生成,输入框内就会生成一个由数字、大小写字母、特殊符号随机组...

  • (97).toString(16) //十进制转任意进制,这里是十进制转十六进制 parseInt('1100001', 2) //任意进制转十进制,这里是二进制转十进制

  • 本身JS操作DOM就比较消耗性能,你可以理解为JS和dom是独立的小岛,用桥实现两者的联系,但桥很窄,要过路费,所以我们要尽最大可能减少过桥的次数。 再加上每次操作DOM都会触发布局的改变、DO...

  • 前言 Jint 是适用于 .NET 的 开源 Javascript 解释器,功能强大,它可以在任何现代 .NET 平台上运行,因为它支持 .NET Standard 2.0 和 .NET 4.6....

  • 学习信息 学习形式:网络教学视频 学习地址:https://www.bilibili.com/video/BV1Sy4y1C7ha/?spm_id_from=333.337.search-card.a...

  • 〇、简介 椭圆曲线密码学(Elliptic curve cryptography:ECC),一种建立公开密钥加密的演算法,基于椭圆曲线数学。利用有限域上椭圆曲线的点构成的 Abel 群离散对数难解性,...

  • 回调地狱是由于多个回调函数嵌套引起的: 回调函数:一个函数以参数的形式传入另一个函数。如: $.post(url,function(data){ }) 回调地狱: 上面那个是嵌套了一层,好像看上去很正...

  • 首先我们知道JavaScript引擎包括一个调用栈和堆,调用栈是代码实际执行的地方,使用执行上下文(执行环境)来完成;堆是非结构化的内存池,存储了应用程序所需要的所有对象。 执行上下文是什么? 执行上...

  • JavaScript 中,对于普通对象,不能直接使用 length 来获取对象的长度,因为 JavaScript 对象并不是一种有序的集合,没有长度的概念。 对于数组或者类数组对象,可以使用 .len...

  • 案例介绍 欢迎来的我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数值进行对比,正确积一分,错...

  • 〇、AES 简介 AES 的全称是 Advanced Encryption Standard,意思是高级加密标准。它的出现主要是为了取代 DES(Data Encryption StandardDat...

  • 本文简介点赞 + 关注 + 收藏 = 学会了fabric.js 在出厂时就提供了几个基础图形,比如矩形、圆形、三角形等。但这些图形可能不能满足日常开发,我们可能还需要一些自定义的图形。我做了个 自定义...

  • javaScript进阶 一、作用域 JS的作用域简单来说就是变量(变量作用于又称上下文)和函数生效(能被访问)的区域 1.全局作用域 函数之外声明的变量,会成为全局变量。 变量在程序的任何地方都能被...