基于springboot+postgis的矢量切片

CREATE OR REPLACE FUNCTION "public"."test_function"(int4)
  RETURNS "pg_catalog"."int4" AS $BODY$
DECLARE
b_count alias for $1;
BEGIN
while b_count>0 loop
INSERT into testgeo (id,geom,name) VALUES(b_count,ST_GeomFromText('POINT('||(random()*(130-120)+120)||' '||(random()*(37-27)+27)||')',4326),'London'||b_count);
b_count := b_count-1;
end loop;
RETURN b_count;
END;
$BODY$
  LANGUAGE 'plpgsql' VOLATILE COST 100
;

ALTER FUNCTION "public"."test_function"(int4) OWNER TO "postgres";

ALTER TABLE “public”.”vector_tile” OWNER TO “postgres”;`；
2.创建springboot项目，进行相关配置（本人ORM层使用mybaits,使用其他的请自行参考，参考这里写链接内容）；
3.实现controller，service层的相关代码，这里需要注意一个问题，前段地图发送过来的是想X,Y,Z的参数代表行列号和地图层级，我们需要将其解算成相应的经纬度出来；
解算方法详情请参考（[https://wiki.openstreetmap.org/wiki/Slippy_map_tilenames]）
给出相关代码：

  /**
   * 根据经纬度和缩放等级，求得瓦片路径
   * **/
  public static String getTileNumber(final double lat, final double lon, final int zoom) {
    int xtile = (int)Math.floor( (lon + 180) / 360 * (1<<zoom) ) ;
    int ytile = (int)Math.floor( (1 - Math.log(Math.tan(Math.toRadians(lat)) + 1 / Math.cos(Math.toRadians(lat))) / Math.PI) / 2 * (1<<zoom) ) ;
     if (xtile < 0)
      xtile=0;
     if (xtile >= (1<<zoom))
      xtile=((1<<zoom)-1);
     if (ytile < 0)
      ytile=0;
     if (ytile >= (1<<zoom))
      ytile=((1<<zoom)-1);
     return("" + zoom + "/" + xtile + "/" + ytile);
    }


  /**
   * 瓦片获得范围
   * **/ 
  public static TileBox tile2boundingBox(final int x, final int y, final int zoom) {
    //BoundingBox bb = new BoundingBox();
    TileBox bb=new TileBox();
    bb.setYmax(tile2lat(y, zoom));
    bb.setYmin(tile2lat(y + 1, zoom));
    bb.setXmin( tile2lon(x, zoom)); 
    bb.setXmax(tile2lon(x + 1, zoom));
    return bb;
  }

  /**
   * 瓦片转换经度
   * **/
  public static double tile2lon(int x, int z) {
     return x / Math.pow(2.0, z) * 360.0 - 180;
  }

  /**
   *瓦片转换纬度
   * @author zhaoquanfeng 2018年8月13日 下午7:44:08
   * @param y
   * @param z
   * @return
   * @modify {原因} by zhaoquanfeng 2018年8月13日 下午7:44:08
   */
  public static double tile2lat(int y, int z) {
    double n = Math.PI - (2.0 * Math.PI * y) / Math.pow(2.0, z);
    return Math.toDegrees(Math.atan(Math.sinh(n)));
  }

在service层解释XYZ之后，将求得的extent作为参数传入Dao层对应的sql，即可以返回对应范围内的矢量切片数据
注意：mybaits对应文件里面，表示矢量切片的字段请jdbcType=”BINARY”，domain里面使用byte[]类型，这样数据能够对应的解出来；
sql的demo：

 SELECT
        ST_AsMVT (tile, 'points') tile
        FROM
        (
        SELECT 
        st_asmvtgeom (t.geom,
        st_makeenvelope (#{xmin,jdbcType=NUMERIC}, #{ymin,jdbcType=NUMERIC}, #{xmax,jdbcType=NUMERIC},#{ymax,jdbcType=NUMERIC}, 4326),
        4096,
        0,
        TRUE
        ) AS geom
        FROM
        testgeo t
        ) AS tile
        WHERE
        tile.geom IS NOT NULL;

4.前段输入对应矢量切片的服务地址，就可以进行渲染了，本人使用Mapbox事项矢量切片的加载，一百万的点数据速度还可以；

 map.on('load', function loaded() {
            map.addSource('custom-go-vector-tile-source', {
                type: 'vector',
                tiles: ['http://localhost:8052/hgis/vector/tiles/{z}/{x}/{y}']
            });
            // map.addLayer({
            //     id: 'background',
            //     type: 'background',
            //     paint: {
            //         'background-color': 'white'
            //     }
            // });
            map.addLayer({
                "id": "custom-go-vector-tile-layer",
                "type": "circle",
                "source": "custom-go-vector-tile-source",
                "source-layer": "points",
                paint: {
                    'circle-radius': {
                        stops: [
                            [8, 0.1],
                            [11, 0.5],
                            [15, 3],
                            [20, 60]
                        ]
                    },
                    'circle-color': {
                        property: 'v',
                        stops: [
                            [0, '#990055'],
                            [1, '#2a55b9']
                        ]

                    },
                    'circle-opacity': 1
                }
            });
        });

转载自：https://blog.csdn.net/zhaoquanfeng/article/details/81874270