mapbox

系列文章目录 开源方案搭建可离线的精美矢量切片地图服务-1.开篇（附成果演示地址） 开源方案搭建可离线的精美矢量切片地图服务-2.PostGIS+GeoServer矢量切片 开源方案搭建可离线的精美矢量切片地图服务-3.Mapbox个性化地图定制入门 开源方案搭建可离线的精美矢量切片地图服务-4.Mapbox样式设计 开源方案搭建可离线的精美矢量切片地图服务-5.Mapbox离线项目实现 开源方案搭建可离线的精美矢量切片地图服务-6.Mapbox之.pbf字体库 开源方案搭建可离线的精美矢量切片地图服务-7.Arcgis Pro企业级应用 开源方案搭建可离线的精美矢量切片地图服务-8.mapbox 之sprite大图图标文件生成（附源码） 项目成果展示（所有项目文件都在阿里云的共享云虚拟主机上，访问地图可以会有点慢，请多多包涵）。 01：中国地图： http://test.sharegis.cn/mapbox/html/3china.html 02：德国-德累斯顿市： http://test.sharegis.cn/mapbox/html/6germany.html 1.PostGIS简介 PostGIS 是对象关系型数据库系统PostgreSQL的一个扩展，PostGIS提供如下空间信息服务功能:空间对象、空间索引、空间操作函数和空间操作符。同时

针对透视投影下现有矢量地图动态LOD渲染方法存在的不足，本文从渲染的客观需求出发使用梯形格网统一了简化与剖分的过程，并研究了透视投影下梯形格网的简化算法。之后，分析了地图简化的影响因素，最终，针对GPU的渲染流程提出了一种基于 三维GIS 梯形格网的矢量地图动态LOD渲染方法。在此基础上，设计可视化平台的渲染引擎以实现地图渲染，并设计典型的实验案例验证本文方法的可行性与适用性。 1.可视化平台的框架结构 本文设计的可视化平台主要包括地图组织模块、地图操作模块和渲染执行模块三大子模块。以地理数据、符号库和样式数据确定地图渲染样式。地图数据以图层样式和地理数据进行组织，针对矢量地图的渲染需求设计地图渲染模块，同时添加地图操作模块用以支持用户操作。可视化平台的框架结构如下图所示。 （1）地图组织模块 地图组织模块用以对可视化平台进行全局组织，包含图层类、数据源类、渲染类和地图类。数据源类包含顶点几何数据和顶点索引数据，在数据源类进行构建梯形格网并添加空间索引，用户操作时，依据地图区域检索相应数据，交给渲染模块进行渲染。图层类包含图层ID、图层可见比例范围、图层颜色、图层透明度等相关属性，每一个图层类对应一个渲染模块中的图层渲染类，针对图层属性设置着色器程序完成对地图的渲染。 （2）地图操作模块 地图操作模块用以实现用户对地图的基本操作。地图操作模块提供了诸多接口包含获取地图数据

1、常用地图切换加载（osm、google、baidu、gaode、tianditu.etc） https://github.com/htoooth/Leaflet.ChineseTmsProviders 2、切片地图加载（wmts）（支持矢量切片） https://github.com/mylen/leaflet.TileLayer.WMTS 3、wms地图服务加载 https://github.com/heigeo/leaflet.wms 4、视窗范围框定（只容许查看和编辑给定范围地图） https://github.com/aparshin/leaflet-boundary-canvas 5、地图要素显示比例尺控制（不同比例尺要素渲染）（根据屏幕坐标控制）（非常重要，常用） https://github.com/GreenInfo-Network/L.TileLayer.PixelFilter/ 6、卷帘对比（卷积运算）（历史对比）（非常重要） https://github.com/digidem/leaflet-side-by-side 7、webGL地图要素渲染（适用于三维要素绘制）（非常重要） https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL 8、快速重新渲染地图要素，动态修改地图样式（适用于矢量切片）

针对透视投影下现有矢量地图动态LOD渲染方法存在的不足，本文从渲染的客观需求出发使用梯形格网统一了简化与剖分的过程，并研究了透视投影下梯形格网的简化算法。之后，分析了地图简化的影响因素，最终，针对GPU的渲染流程提出了一种基于 三维GIS 梯形格网的矢量地图动态LOD渲染方法。在此基础上，设计可视化平台的渲染引擎以实现地图渲染，并设计典型的实验案例验证本文方法的可行性与适用性。 1.可视化平台的框架结构 本文设计的可视化平台主要包括地图组织模块、地图操作模块和渲染执行模块三大子模块。以地理数据、符号库和样式数据确定地图渲染样式。地图数据以图层样式和地理数据进行组织，针对矢量地图的渲染需求设计地图渲染模块，同时添加地图操作模块用以支持用户操作。可视化平台的框架结构如下图所示。 （1）地图组织模块 地图组织模块用以对可视化平台进行全局组织，包含图层类、数据源类、渲染类和地图类。数据源类包含顶点几何数据和顶点索引数据，在数据源类进行构建梯形格网并添加空间索引，用户操作时，依据地图区域检索相应数据，交给渲染模块进行渲染。图层类包含图层ID、图层可见比例范围、图层颜色、图层透明度等相关属性，每一个图层类对应一个渲染模块中的图层渲染类，针对图层属性设置着色器程序完成对地图的渲染。 （2）地图操作模块 地图操作模块用以实现用户对地图的基本操作。地图操作模块提供了诸多接口包含获取地图数据

针对透视投影下现有矢量地图动态LOD渲染方法存在的不足，本文从渲染的客观需求出发使用梯形格网统一了简化与剖分的过程，并研究了透视投影下梯形格网的简化算法。之后，分析了地图简化的影响因素，最终，针对GPU的渲染流程提出了一种基于 三维GIS （ztmapinfo.com）梯形格网的矢量地图动态LOD渲染方法。在此基础上，设计可视化平台的渲染引擎以实现地图渲染，并设计典型的实验案例验证本文方法的可行性与适用性。 1. 可视化平台的框架结构 本文设计的可视化平台主要包括地图组织模块、地图操作模块和渲染执行模块三大子模块。以地理数据、符号库和样式数据确定地图渲染样式。地图数据以图层样式和地理数据进行组织，针对矢量地图的渲染需求设计地图渲染模块，同时添加地图操作模块用以支持用户操作。可视化平台的框架结构如下图所示。 （1）地图组织模块 地图组织模块用以对可视化平台进行全局组织，包含图层类、数据源类、渲染类和地图类。数据源类包含顶点几何数据和顶点索引数据，在数据源类进行构建梯形格网并添加空间索引，用户操作时，依据地图区域检索相应数据，交给渲染模块进行渲染。图层类包含图层ID、图层可见比例范围、图层颜色、图层透明度等相关属性，每一个图层类对应一个渲染模块中的图层渲染类，针对图层属性设置着色器程序完成对地图的渲染。 （2）地图操作模块 地图操作模块用以实现用户对地图的基本操作

Mapbox 是一个可以跨行业使用的开发平台，我们可以利用它对地图进行创建和定制，以解决地图、数据和空间分析等问题。 Leaflet 轻量 WebGIS 前端类库 Leaflet 是一个为建设移动设备友好的互动地图，而开发的现代的、开源的 JavaScript 库。 它是由 Vladimir Agafonkin 带领一个专业贡献者团队开发，代码量很小， 但具有开发人员开发在线地图的大部分功能。 Leaflet设计坚持简便、高性能和可用性好的思想，在所有主要桌面和移动平台能高效运作， 在现代浏览器上会利用HTML5和CSS3的优势，同时也支持旧的浏览器访问。 支持插件扩展，有一个友好、易于使用的API文档和一个简单的、可读的源代码。 来源： oschina 链接： https://my.oschina.net/u/560237/blog/3214983