mapbox
山上九头鸟
这个作者很懒,什么都没留下…
展开
-
MapboxGL前端代码生成方法及调试方法
最近利用MapboxGL进行前端地图可视化的相关研究,对MapboxGL的源码研究了一两个月,终于弄清楚其数据模型及程序结构。MapboxGL在前端运行的只是一个js文件,但实际上它包括大量的后端代码和模块。1、MapboxGL的安装对于一般使用者而言直接下载官网的mapbox-gl.js引入到浏览器就可以了,不过该代码为压缩和简化过的代码。对于开发者而言一般需要查看和调试其源码,有两种方原创 2015-09-15 09:25:11 · 9530 阅读 · 1 评论 -
mapbox-gl-native安装编译生成node版本时遇到的错误
1. libGLESv2.so.2: cannot open shared pbject file: No such file or directory尝试安装libgles2-mesa和libegl1-mesasudo apt-get install libegl1-mesa libgles2-mesa2. fatal error: X11/Xlib.h: No such file or dir...原创 2018-05-14 09:32:22 · 1305 阅读 · 0 评论 -
tippecanoe
tippecanoe使用 GeoJSON数据创建 矢量瓦片 目的根据你的数据创造一个可自由缩放的视图安装最简单的安装方式是在OSX使用 Homebrew:$ brew install tippecanoe用法$ tippecanoe -o file.mbtiles [file.json ...]如果没有指定GeoJSON文件,它将会从标准输入读取。 如果指定了多个文件,每个文件都会创建一个对应的图翻译 2017-04-18 17:22:32 · 4193 阅读 · 1 评论 -
使用Tippecanoe工具处理大数据量的矢量数据切片
Tippecanoe是Mapbox的一个开源切片工具,项目地址:https://github.com/mapbox/tippecanoe,Mapbox常规的切片方法tilelive-copy参见另一篇博客。Tippecanoe主要在处理大数据量时有很大的优势,具有很高的效率,并且有很多参数可以控制。Tippecanoe只能处理GeoJSON,因此在切片前需要将矢量数据转换为GeoJSON,推荐使用o原创 2017-03-01 11:34:59 · 6785 阅读 · 3 评论 -
使用tilelive-copy命令进行矢量切片
切片命令:tilelive-copy bridge:///home/bygis/data/daolutest.xml "foxgis+mongodb://localhost/dbname?tileset_id=daolu&owner=foxgis" --timeout=200000000命令参数说明: “bridge://” 文件协议,指定文件类型 “/home/bygis/data/da原创 2017-04-05 17:26:03 · 3118 阅读 · 0 评论 -
使用Tippecanoe切片后面状要素渲染出现空洞
在上一篇博客中介绍了tippecanoe工具的切片方法,使用上述命令tippecanoe -z 14 -Z 12 -Bg -o river_live.mbtiles *.json切片后,某些面状要素的渲染出现三角形的空洞,如下图所示: 这是因为tippecanoe自动抽吸,精简了部分线坐标,可在切片时加-ps选项,禁止简化线要素。$ tippecanoe -z 14 -Z 12 -ps -Bg -原创 2017-03-17 09:24:26 · 881 阅读 · 0 评论 -
基于MapboxGL的样式文件自动生成图例
MapboxGL是一个基于WebGL的地图绘制引擎,其地图样式采用一个json格式的文件进行描述,但是对于渲染的地图,Mapbox并没有提供图例的生成方法,因此需要自己根据这个样式描述文件来生成地图图例。 MapboxGL中数据与样式是分开的,地图的所有样式都是由这个唯一的样式描述文件来描述。并不是地图中的所有样式都需要图例,例如简单的文字注记就不需要生成图例,而且MapboxGL的样式中对同一个原创 2016-09-14 15:55:19 · 8633 阅读 · 3 评论 -
MapboxGL采用的Web Workers策略及其调试方法
Web Workers 是在HTML5中新增的,用来在web应用程序中实现后台处理的一种技术。在HTML4中,js创建的程序都是单线程的,如果花费时间比较长的话web界面就会长时间没有响应,最恶劣的情况还会跳出一个脚本提示框:“提示脚本运行时间过长,是否继续?”于是就引出了Web Workers API。 在MapboxGL中为了避免加载地图数据时耗时太长导致阻塞,采用了Web Workers技术原创 2015-10-10 10:22:59 · 2372 阅读 · 0 评论 -
Mapbox-GL样式参考
MapboxGL最近发布了新的版本(0.11.0),其样式文件也由版本7升级到了版本8,如果升级了mapbox-gl模块,那么以前版本的样式文件已经无法使用,对于新的版本主要更改有以下几个方面: ①地图初始化时,地图中心坐标由以前的[纬度,经度]变成了[经度,纬度],可能是为了保持与Geojson格式的统一; ②样式表升级到8,取消了常量constants属性; ③线和面的layout属性以及原创 2015-09-15 11:42:47 · 21759 阅读 · 1 评论 -
nodejs从源码编译mapbox-gl-native
mapbox-gl-native是mapbox后端渲染引擎,与mapbox-gl-js使用同样的样式规范,可以运用于Android、IOS、MacOS、Linux等各种平台,本文主要讨论Linux下源码编译nodejs版本。系统要求:64位Linux或者MacOS C++14 nodejs v4.x (官方文档说node v5+会存在问题)编译过程安装依赖包 $ npm in...原创 2018-11-08 16:31:16 · 2059 阅读 · 0 评论