每个地图数据在Web端加载显示时,都需要设罝其投影坐标系。OpenLayers3在地图视图对象中有一个投影坐标系参数(projection),加载地图时通过此参数设置地图的投影坐标系。在实际应用中,叠加图层数据需要确保在统一的投影坐标系下,有时候需要对坐标点、地图数据进行投影转换操作。OpenLayers3框架下针对地图投彩坐标系的操作均由ol.proj.Projection类实现。例如,提供的ol.proj.transform()方法可以对坐标点进行投影转换。
目前,0penLayers3己定义了两种常用的投影坐标系,即地理经纬度的EPSG:4326和Web墨卡托的EPSG:3857。本示例将一个EPSG:3857的矢量地图,转换到自定义的投影坐标系(ESR1:53009)中显示。
主要实现少骤如下
1.在OL3Demo网站的Others目录下新建一个ProjectionTransformation.htm页面,引用OpenLayers3开发库、jQucry库。
2.添加界面元素,分别创建两个div层作为地图容器,一个默认加载EPSG:3857的地图数据,另一个则通过功能按钮动态加载ESRI:53009的矢量地图。
3.第一个地阁容器默认加载MapQuest瓦片与GcoJSON的矢量地图,设置视图的projection参数为EPSG:3857的投影也标系对象;另一个地阁容器动态加载GeoJSON的矢量地图,设置视图的projection参数为自定义的ESRI:53009的投影坐标系对象,并通过ol.Graticule加载显示参考系标线。
评论列表 ( 0 )