mapbox 本地化 离线化 Error {message: ‘Unimplemented type: 4‘}

原创 已于 2024-03-12 11:37:20 修改 · 1.1k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#3d

于 2024-01-19 16:32:01 首次发布
博客记录了项目中遇到的问题。一是出现 'Error {message: 'Unimplemented type: 4'}' 错误，原因是无法加载文字标注，字体未引入；二是本地化时，layer 使用特定属性时，sprite 或 glyphs 有必填要求。

项目中遇到的一些问题，记录一下

1、Error {message: 'Unimplemented type: 4'}

        问题：Error {message: 'Unimplemented type: 4'}

        原因：无法加载文字标注，字体没有引入进来

2、本地化时：

  • 当layer 使用了 background-pattern、fill-pattern、line-pattern、fill-extrusion-pattern、icon-image 等属性时，sprite 必填
  • 当有 layer 使用了 text-field 属性时，glyphs 必填
MapBox免Token离线部署全套成熟方案
lz5211314121的博客
11-10 4818
首先你需要把mapbox-gl.js源码文件中的一行代码进行改动，mapbox-gl.js大家可以在官网直接下载下来，然后进行修改，官网的这个文件是打包压缩之后的，修改后我们就可以直接使用，访问下面这个地址。其实需要申请token使用的本质原因是。这些东西mapbox官方肯定是不想让大家免费无脑使用的，所以加了token验证，而且这个token及其难申请，导致困扰到大家连起步都没法开始。这样的话，我们使用了非官方的layers资源，不仅可以正常的使用mapbox的功能，而且也不会因为没有token而报错。
linux 离线地图开发包,Mapbox本地离线部署
weixin_32954401的博客
05-16 1331
一 离线部署说明从官网抄一个HelloWorld的例子，完整代码如下：Display a mapbody { margin:0; padding:0; }#map { position:absolute; top:0; bottom:0; width:100%; }mapboxgl.accessToken = 'pk.eyJ1IjoiYW56aGlodW4iLCJhIjoiY2lsdnhjdjN5...
Mapbox的本地化部署
aganliang的专栏
01-13 2478
Mapbox矢量切片源码解读：http://qiancy.com/2016/12/14/mapbox-vector-tiles/ 1.Tippecanoe作为切图工具，其中需要用到gdal开源库进行格式转换 2.mbtileserever作为矢量切图发布的服务器 3.mapbox-gl-js 本地化 基本上mapbox-gl-js是围绕着style文件开展工作 通过style的定义来描...
MapBox Android版开发 2 本地化
最新发布
程序喵D的博客
08-27 971
前文介绍了MapBoxV9和V11两个版本配置和显示地图。默认MapBox地图语言为英文，本文重点介绍如何将地图语言设置为中文。
【mapboxgl】mapboxgl本地化字体打包部署问题
weixin_51540717的博客
04-25 1383
【mapboxgl】mapboxgl本地化字体打包部署问题
mapbox gl 标注无法显示 报错 Error {message: ‘Unimplemented type: 4‘}
pwl124的博客
05-10 2855
mapbox gl 无法加载文字标注，提示 Error {message: 'Unimplemented type: 4'}
MapBoxGL message: “Unimplemented type: 4“
一碗老面的博客
11-17 4759
问题主要出现在mapboxgl的字体没有引入进来，先查看字体引入情况在地图初始化的位置查看路径是否正确 glyphs: this.map = new mapboxgl.Map({ container: domId, style: { "version": 8, "sprite": localhost + "/css/sprite", "glyphs": localhost + "/css/font/{fonts
精选资源
MapboxGL本地化部署方法
01-12
本文将详细介绍Mapbox GL JS本地化部署的方法，包括离线编译源码、直接修改JS文件以及完整的内网部署步骤。 #### 二、离线编译源码 ##### 1. 下载源码 首先，需要从GitHub上下载Mapbox GL JS的源代码。具体步骤如下...
精选资源
本地生成Mapbox使用的精灵图片 mapbox sprite 本地离线生成与 拆分 可运行的java程序
02-17
开发这样一个程序可以极大地便利Mapbox地图的本地化开发和调试，避免了网络延迟，也方便在无网络环境下的工作。此外，通过控制台日志或前端界面，开发者可以跟踪生成过程，查看每个步骤的状态，有助于问题排查。 ...
mapbox教程
05-15
详细的mapbox介绍和步骤，还有操作数据和示例代码，很适合初学mapbox，进行地图发布。
mapbox转换字体
04-26
tff字体转换后的mapbox的pbf字体，方便其他用户拿来测试mapbox离线字体。
mapbox安装和配置文档
09-28
mapbox源码在ubuntu上编译的文档。包含系统安装，相关的工具安装和配置。
mapbox设计方案
12-18
mapbox的设计书，官方发布的，对地图设计者来说可以参考
mapbox本地化
qq_42038997的博客
11-27 550
当layer 使用了 background-pattern、fill-pattern、line-pattern、fill-extrusion-pattern、icon-image 等属性时，sprite 必填当有 layer 使用了 text-field 属性时，glyphs 必填。
Mapbox网络GIS开发第一步——Mapbox本地化
Abner_Mars的博客
11-01 3107
对于使用mapbox_gl_js来进行的前端地图页面的开发，通常我们可以直接调用在线的mapbox组件资源，轻易的使用mapbox_gl_js提供的前端开发框架,但是由于网络延迟等一些列网络上的不确定因素，在进行正式的开发任务以及后期部署到生产环境的过程中会带来太多的不稳定因素，所以为了保证开发后的系统在生成环境中稳定的运行我们通常需要将mapbox_gl_js的在线资源本地化，接下里本文将一步步的介绍如何完成mapbox_gl_js的本地化： 我们会用到以下工具来完成资源的本地化： Tomcat用于提
js修改本地json文件_mapbox-gl本地化实践
weixin_40001395的博客
11-25 1654
很多时候，我们不能将我们的数据托管到mapbox的在线服务。我们希望使用mapbox studio定制完地图样式后，将样式文件导出，然后将数据服务改成geoserver发布的矢量瓦片服务。实现这个目标，需要解决：1、图标等静态资源的本地化。2、字体文件本地化。2、数据服务的本地化。一、使用geoserver发布矢量瓦片服务上一篇文章已经介绍了如何使用geoserver发布矢量瓦片服务（数据源使用的...
mapbox-gl.js本地化
qq_17451827的博客
07-29 9433
mapbox-gl官网地址：https://www.mapbox.com/mapbox-gl-js/api/ 介绍 mapbox-gl.js是mapbox用于web端地图可视化的api。 使用的时候首先要注册个账户，然后获得一个  accessToken。 之后在官网例子里可以发现，地图和图标、字体等等的显示都需要这个accessToken，那势必联网。 因为项目环境不允许上网，所以需要将...
Mapbox本地化处理思路总结
hequhecong10857的博客
10-29 1398
思路 通过地图下载器、OSM、百度云、GIS数据服务网站等资源获取矢量数据 通过Geoserver发布矢量切片服务（具体见之前的文章） 通过开源工具spritezero cli或者java代码制作雪碧图 通过开源工具node-fontnik制作字体pbf文件 通过开源工具Maputnik本地化编辑地图样式，生成style.json文件 Mapbox加载style.json数据实现本地化处理 难点 除了第3点和第4点不熟悉之外，其它的都已经自己动手实现过。这两点使用的spritezero cli和node
Mapbox本地化部署：使用glyphs和sprite.zip
总结来说，本地化部署Mapbox GL JS可以提高地图的加载速度和离线使用能力。本地服务器通过nginx代理来管理Mapbox的字体库和图标库，可以使得这些资源不必每次都从远程服务器加载，从而提升用户体验和降低网络依赖。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值