openlayers 控制地图显示范围的几种方式

已被阅读 2238 次 | 文章分类:Openlayers | 2020-03-08 23:52

在系统开发中,有时候需要将地图控制在某一个区域范围;或者根据登陆用户只能查看负责区域,其他区域要被裁剪掉等;下面介绍几种方法,可以综合利用实现满足用户的需求

一:重置坐标系范围

1、此种方法需要结合proj4.js这个插件库实现,该库主要负责坐标系之间的转换;我们只需在页面引入,openlayers会自动识别;可通过如下方式找到;

                                        
npm install proj4  //可自行选择编译后或者之前的文件引入到页面中
                                        
                                    

2、如何使用,怎么定义呢,首先在(http://epsg.io/ )该网站根据代号获取js格式的定义代码;这里查找4326的投影参数定义

defs方法的第一个参数我们可以自行定义,坐标系代码名称

3、下面自定义一个坐标系,并设置特有的范围

                                        
let proExtent = [-40, -50, 120, 70];
      proj4.defs("EPSG:4326_0", "+proj=longlat +datum=WGS84 +no_defs");
      ol.proj.get("EPSG:4326_0").setExtent(proExtent);
                                        
                                    

QQ群:713985494 | 技术问题解答

Copyright ©2017 xiaobaigis.com . 版权所有 鲁ICP备17027716号