当前位置: 首页 > news >正文

开源地图数据可视化库——mapnik

  最近的工作重心放在了后端地图渲染引擎上,因此接触到了mapnik,用了一段时间感觉它的功能相当丰富,具有很强的拓展性,生态也比较强大,想对学习过程做一个记录。OK,废话少说。

什么是Mapnik

  Mapnik是一款开源的具有地图渲染功能的库,它能够为Postgis,Shapefile,Geojson,SQLite等在内的多种数据源提供空间数据计算与可视化服务,包括png瓦片,矢量瓦片,utfGrid,同时它支持自定义渲染样式配置,具有很高的灵活性,提供了c++,python,node接口。目前在开源社区上已有较多成熟的产品基于Mapnik做了封装,例如windshaft,tileliev-mapnik等等。

矢量瓦片(mvt)渲染

  矢量瓦片在我理解是将矢量所表示的空间数据和属性数据按照特定的编码方式(Google Protocol Buffers)进行编码,Google Protocol Buffers是一种兼容多语言、多平台、易扩展的数据序列化格式,采用这种编码方式,能够最大程度保证矢量数据的精度,提高客户端和服务端的渲染效率以及查询效率,详情可以参考:https://github.com/jingsam/ve... 以及 https://github.com/mapbox/vec...
以PostGIS为例Mapnik库进行矢量瓦片渲染时整个工作流程是:首先根据url中z,x,y参数计算出该瓦片的坐标范围extent,然后将extent与每一个几何要素的最小外包矩形进行overlay计算得到该瓦片内的所有geometry对象,最后通过Postgis的库函数ST_AsMVT将所有几何对象聚合成矢量瓦片,伪代码如下:

    let vt = new Mapnik.VectorTile(z, x, y);

    let map = new Mapnik.Map(256,256,‘+init=epsg:3857’);

    map.fromStringSync(xml);//xml为配置对象,具体参看https://github.com/mapnik/mapnik/wiki/XMLConfigReference
    
    map.render(vt, (err, tile) => {

        if (err) throw err;
        
        //tile即为所得数据
        console.log(tile.getData())
    
    })  

栅格瓦片(PNG)渲染

  栅格瓦片就是将空间数据按照指定的颜色样式以图片的形式进行绘制,栅格瓦片多应用于底图的绘制,由于空间数据被绘制成了图片,在前端可视化时候就是绘制在canvas上的像素点,因此它的属性信息会丢失,需要配合utfGrid同步使用。栅格瓦片的渲染流程与矢量瓦片类似,只是最后一步不是聚合,而是按照指定的样式进行逐一像素点绘制;在mapnik中,栅格瓦片的渲染主要有两种方式,1)直接渲染;2)通过矢量瓦片渲染,伪代码分表如下:

  • 直接渲染
    let image = new Mapnik.Image(256, 256);
    
    let map = new Mapnik.Map(256,256,‘+init=epsg:3857’);

    map.fromStringSync(xml);
    
    map.render(image, {}, function(err, image) {
    
    if (err) throw err;
    
    image.encodeSync('png') 
    
    });
  • 通过矢量瓦片渲染
    let vt = new Mapnik.VectorTile(z, x, y);
     
    vt.addDataSync(tile);//tile即为前文提到所生成的矢量瓦片
     
    let map = new Mapnik.Map(256,256,‘+init=epsg:3857’);

    map.fromStringSync(xml);
    
    vt.render(this.map, new Mapnik.Image(256,256),function(error,buffer) {
    
    if (error) throw error;
    
    buffer.encodeSync('png')
    
    });

  比较简单的介绍了mapnik的地理数据渲染功能,之后会做一个比较简易的地图渲染服务器,初次使用技术博客,可能不太到位,还请各位前辈多指教

相关文章:

  • IOS开发常用的linux命令
  • grep/字符/次数匹配/锚定符/小大括号/wc/tr/cut/sort/uniq
  • ajax跨域问题
  • 菜根谭#89
  • Kubernetes上的十大应用程序
  • 开发技巧:高效的使用 Response.Redirect
  • 正则表达式-基础知识Review
  • Andrew Ng机器学习公开课笔记 -- 线性回归和梯度下降
  • 四则运算1
  • Windows API 第15篇 GetVolumeInformation 获取磁盘卷(驱动器)信息
  • 看完这篇文章,你还觉得Python难吗?
  • 使用AIR进行移动APP开发常见功能和问题(上)
  • 应用el-tabs模拟nav menu组件
  • “ an error occurred during ssl communication”--VisualSVN
  • mybatis 动态SQL .1
  • 2019年如何成为全栈工程师?
  • ECS应用管理最佳实践
  • gcc介绍及安装
  • Github访问慢解决办法
  • js写一个简单的选项卡
  • Laravel 菜鸟晋级之路
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • Node + FFmpeg 实现Canvas动画导出视频
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • Vue.js源码(2):初探List Rendering
  • 高程读书笔记 第六章 面向对象程序设计
  • 构建二叉树进行数值数组的去重及优化
  • 回顾2016
  • 力扣(LeetCode)965
  • 马上搞懂 GeoJSON
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 一道面试题引发的“血案”
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 回归生活:清理微信公众号
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • (TOJ2804)Even? Odd?
  • (动手学习深度学习)第13章 计算机视觉---图像增广与微调
  • (分布式缓存)Redis哨兵
  • (十)c52学习之旅-定时器实验
  • (一)认识微服务
  • (转)详解PHP处理密码的几种方式
  • (转载)Linux 多线程条件变量同步
  • .NET Standard、.NET Framework 、.NET Core三者的关系与区别?
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...
  • .Net的C#语言取月份数值对应的MonthName值
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • .NET设计模式(7):创建型模式专题总结(Creational Pattern)
  • .net专家(张羿专栏)
  • /usr/local/nginx/logs/nginx.pid failed (2: No such file or directory)
  • /使用匿名内部类来复写Handler当中的handlerMessage()方法
  • ?
  • [ C++ ] template 模板进阶 (特化,分离编译)
  • [android] 切换界面的通用处理
  • [Android学习笔记]ScrollView的使用
  • [BZOJ 3680]吊打XXX(模拟退火)