GIS开发:自定义坐标系的地图

原创
04/30 09:51
阅读数 109
自定义坐标系的地图,是能够根据坐标系的参数,加载地图的底图,坐标系不仅仅限制于wgs84(EPSG:4326)、webmercator(EPSG:3857),这种常见的坐标系。
目前,找到开源的使用比较好的是openlayers和maptalks,借助于proj4.js的开源库,实现自定义地图的坐标系,加载地图切片。
openlayers的示例网址:
https://openlayers.org/en/latest/examples/reprojection-by-code.html
自定义坐标系,将地图的坐标系设置成此坐标系

proj4.defs('EPSG:XXXX''proj4字符串');

ol.proj.proj4.register(proj4);

var map = new ol.Map({

      layers: layers,

      target: 'map',

      view: new ol.View({

        center: center,

        projection: 'EPSG:XXXX'

      })

    });

maptalks的示例网站:
https://maptalks.org/examples/cn/tilelayer-projection/proj4js/#tilelayer-projection_proj4js
同样也是进行坐标系的定义
// EPSG:3857's proj definition
var proj3857 = '+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs';
var proj4 = proj4('WGS84', proj3857);

// define a custom projection object
var projection = {
code : 'proj4-merc', // code of the projection

project : function (c) { // from wgs84 to EPSG3857
var pc = proj4.forward(c.toArray());
return new maptalks.Coordinate(pc);
},

unproject : function (pc) { // from EPSG3857 to wgs84
var c = proj4.inverse(pc.toArray());
return new maptalks.Coordinate(c);
}

};

相对来说,maptalks能转换俯仰角,进行三维形式的查看,这个和目前二维地图中百度、高德的效果相近。
mapbox-gl默认就支持webmercator的坐标系,开源上有改写了国内的cgcs2000的坐标系支持,目前还没能实现自定义坐标系的效果。
leaflet中也实现了一个simple坐标系的api,对于平面坐标系的效果,也能够直接实现。
https://leafletjs.com/

本文分享自微信公众号 - 技术几句杂谈(tecsimplepoint)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部