概述

mapbox-gl主要数据源来自mapbox vector tile,本文就是要阐述怎样把postgresql中的地理空间数据转换成vector tile,流程图如下:

配置

该工程采用spring boot+maven,所以第一步少不了pom.xml配置:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion> <groupId>com.lilei.mvt</groupId>
<artifactId>vector-server</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>jar</packaging> <name>vector-server</name>
<url>http://maven.apache.org</url> <parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.4.0.RELEASE</version>
<relativePath /> <!-- lookup parent from repository -->
</parent> <repositories>
<repository>
<id>ECC</id>
<url>https://github.com/ElectronicChartCentre/ecc-mvn-repo/raw/master/releases</url>
</repository>
</repositories> <properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<java.version>1.8</java.version>
</properties> <dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
<dependency>
<groupId>org.webjars</groupId>
<artifactId>jquery</artifactId>
<version>2.1.4</version>
</dependency> <!-- 数据库 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency> <dependency>
<groupId>org.postgresql</groupId>
<artifactId>postgresql</artifactId>
<version>42.1.1</version>
</dependency> <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency> <dependency>
<groupId>com.vividsolutions</groupId>
<artifactId>jts</artifactId>
<version>1.13</version>
</dependency> <dependency>
<groupId>com.google.protobuf</groupId>
<artifactId>protobuf-java</artifactId>
<version>2.6.1</version>
</dependency> <!-- https://mvnrepository.com/artifact/com.google.protobuf.nano/protobuf-javanano -->
<dependency>
<groupId>com.google.protobuf.nano</groupId>
<artifactId>protobuf-javanano</artifactId>
<version>3.0.0-alpha-4</version>
</dependency> <dependency>
<groupId>no.ecc.vectortile</groupId>
<artifactId>java-vector-tile</artifactId>
<version>1.2.1</version>
</dependency> </dependencies> <build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build> </project>

添加墨卡托投影转换工具类:

  

核心内容

解析地理数据,转换成vector tile:

@Override
public byte[] getContents(String type, int x, int y, int z) { String sql = null; if (type.equals("link")){
sql = "select link_pid,name,st_astext(geom) as geom from beijing_link "
+ "where " + "st_intersects(geom,st_geomfromtext(?,4326)) "
+ "";
}else if (type.equals("poi")){
sql = "select pid,st_astext(geom) as geom from poi5 "
+ "where " + "st_intersects(geom,st_geomfromtext(?,4326)) "
+ "";
} try { String tile = TileUtils.parseXyz2Bound(x, y, z); List<Map<String, Object>> results = jdbc.queryForList(sql, tile); VectorTileEncoder vte = new VectorTileEncoder(4096, 16, false); for (Map<String, Object> m : results) {
String wkt = (String) m.get("geom"); Geometry geom = new WKTReader().read(wkt); TileUtils.convert2Piexl(x, y, z, geom); m.remove("geom"); vte.addFeature(type, m, geom); } return vte.encode(); } catch (ParseException e) {
e.printStackTrace();
} return null;
}

  

github关联程序

程序已上传github,地址为:https://github.com/lileialg/mvt

mapbox-gl解析后效果

最新文章

  1. 一个Java文件至多包含一个公共类
  2. MySLQ 为数据库远程授权的方法与问题的解决解决方法
  3. linux文件数相关命令
  4. 实现jQuery扩展总结
  5. 1.2 认识ASP.NET MVC项目结构
  6. iOS-appDelegate 生命周期
  7. (00)Java编程思想开篇立言。
  8. servlet上传文件报错(一)
  9. MYSQL - 创建数据库时设置编码
  10. 获取字符宽度:并非自适应。coretext去计算
  11. meta viewport标签的使用说明(手机浏览缩放控制)
  12. DownloadManager 版本更新,出现 No Activity found to handle Intent 的解决办法
  13. Java list 转字符串并加入分隔符的方法
  14. 【Loj117】有源汇上下界最小流(网络流)
  15. nlp算法工程师养成记 目标要求
  16. 如何将 gitbook上的开源书转换为mobi
  17. 微信小程序开发 [00] 写在前面的话,疯狂唠唠
  18. 洛谷 P4841 城市规划 解题报告
  19. cobbler之ks文件编辑
  20. 基于Vue的WebApp项目开发(六)

热门文章

  1. Dubbo分布式服务子系统的划分
  2. 从入门到精通之Boyer-Moore字符串搜索算法详解
  3. PHP CodeBase: 生成N个不重复的随机数
  4. 【网络爬虫入门02】HTTP客户端库Requests的基本原理与基础应用
  5. scala PartialFunction
  6. JavaScript--我发现,原来你是这样的JS(四)(看看变量,作用域,垃圾回收机制是啥)
  7. win10 UWP 申请微软开发者
  8. win10 uwp InkCanvas控件数据绑定
  9. python学习之第一课时--初始python
  10. GTK主题黑边问题