SuperMap iClient for Leaflet对EPSG-4509图加载&滑动查询

科技前沿 • 2025-01-16 13:30 • 阅读 68

大家好，我是讯享网，很高兴认识大家。

SuperMap iClient for Leaflet对EPSG:4509地图加载&滑动查询

在WebGIS开发使用中，我们会遇到地图显示不了，以及查询到数据显示不出的问题，因此本文就以EPSG:4509为例介绍该坐标系地图加载和查询。

1、EPSG:4509地图加载

        iClient for Leaflet 默认是不支持EPSG:4509，就需要通过 proj4 坐标系统扩展类CRS去做扩展。
    1. L.supermap.Proj.CRS
         CRS接口介绍如下图：
在这里插入图片描述
讯享网
    2. Proj4js库使用
        iclient-leaflet中有引用proj4js，再次不在引入proj4js包；定义坐标系参考（https://epsg.io），EPSG:4509的定义如下：

proj4.defs("EPSG:4509","+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0= +y_0=0 +ellps=GRS80 +units=m +no_defs +type=crs");

讯享网

3. 实现代码 - 定义CRS4509

讯享网 //定义CRS4509 var crs4509 =L.Proj.CRS("EPSG:4509",{ def: "+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0= +y_0=0 +ellps=GRS80 +units=m +no_defs +type=crs", bounds: L.bounds([ .71 , .46], [.38 , .13]) });

2、滑动查询

    iclient-leaflet 的几何查询详见官网示例（https://iclient.supermap.io/examples/leaflet/editor.html#02_getFeatureByGeometry）在此不做多说明；leaflet 绘制数据默认为 4326，服务器返回数据为4509，因此在加载到地图前，先进行坐标系转换。
         L.supermap.Util.transform接口介绍在这里插入图片描述
    实现代码 - 坐标转换

 //4509转4326 L.supermap.Util.transform(serviceResult.result.features, crs4509, L.CRS.EPSG4326);

3、结果展示

在这里插入图片描述

本文完整代码：https://download.csdn.net/download/_/

SuperMap iClient for Leaflet对EPSG-4509图加载&滑动查询

SuperMap iClient for Leaflet对EPSG:4509地图加载&滑动查询

1、EPSG:4509地图加载

2、滑动查询

3、结果展示

相关推荐