openlayers 控制地图显示范围的几种方式
已被阅读 1766 次 | 文章分类: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);