美文网首页开源
mapbox本地化部署

mapbox本地化部署

作者: 知行121 | 来源:发表于2018-11-27 17:39 被阅读1次

背景:

初学mapbox,本人任务为配底图。部署环境为公司内网,用自己底图。

需求:

本地部署。

参考:

Mapbox GL JS本地化实践:https://www.jianshu.com/p/693f38ec5730?tdsourcetag=s_pctim_aiomsg

本地文字切片-mapbox本地化:https://www.jianshu.com/p/03dcc4f584de

字体库来源:https://www.cnblogs.com/ATtuing/p/9217029.html?tdsourcetag=s_pctim_aiomsg

说明:

应用mapbox需要去官网申请token。看了以上两篇文章,舍弃token是有办法滴。经过文章分析,简单来说,利用本地化样式需要将sprite(图标)与字体(font)进行本地化。

sprite本地化:

申请token,加载它的底图,浏览器F12  network 搜索 sprite,将json复制下来,将png另存为下来。

font本地化:

在ubuntu18中折腾了半天的node-fontnik,没整成功。忘了啥错误了,nodejs6安装这个库没有成功。

本来想爬字体,发现技术不过关!

最后,瞎猫碰到死耗子,黄天不负有心人,有人分享了字体库,看到就下载了下来,目前在用。

上代码:

相关文章

  • mapbox本地化部署

    背景: 初学mapbox,本人任务为配底图。部署环境为公司内网,用自己底图。 需求: 本地部署。 参考: Mapb...

  • 本地文字切片-mapbox本地化

    本地文字切片-mapbox本地化 1. 本地文字切片 2. 安装 3. 使用 1. 本地文字切片 mapbox/n...

  • MapBox GL本地化开发

    最近项目中需要使用MapBox GL进行地图渲染,用户需求是在局域网中运行,所以需要将MapBox GL进行本地化...

  • 雪碧图制作-mapbox本地化

    雪碧图制作-mapbox本地化 1. 雪碧图制作1.1. 安装1.1.1. nodejs安装1.1.2. spri...

  • mapbox/node-fontnik工具使用介绍

    在Mapbox GL JS本地化实践文章中,有提到node-fontnik这个工具,用于把otf和ttf字体转换为...

  • MapBox Android 地图标签改成中文的方法

    用官方的方法一直不成功,发现还有一种替代方案,就是使用官方的本地化插件。 https://docs.mapbox....

  • 矢量地图切片-mapbox本地化

    矢量地图切片-mapbox本地化 1. 矢量地图数据切片1.1. 安装1.2. 一般数据生产使用1.3. 常用选项...

  • Mapbox本地离线部署

    一 离线部署说明 从官网抄一个HelloWorld的例子,完整代码如下: 从该例子看,平常的js库只需要将js,c...

  • Mapbox GL JS本地化实践

    在Mapbox GL JS 设计浅析中我们知道Mapbox GL JS使用的样式是在线的,比如官网中第一个例子: ...

  • Mapbox Gl 搭建本地服务(一)

    Mapbox是一款国外非常漂亮的矢量地图,现在发展非常迅速。由于想要尝试将其本地化,所以就尝试自己搭建一个本地服务...

网友评论

    本文标题:mapbox本地化部署

    本文链接:https://www.haomeiwen.com/subject/nhcnqqtx.html