openlayers常见操作集合

目录

openlayers常见操作集合

一、定义cgcs2000地理坐标投影

二、缩放定位到某个坐标点,修改zoom级别

三、根据某个查询到的要素,缩放定位到该元素


openlayers常见操作集合

一、定义cgcs2000地理坐标投影

先引入proj4.js文件

<script src="./libs/ol5/proj4.js"></script>

定义投影

//使用proj4.defs()定义投影
        proj4.defs("EPSG:4490", "+proj=longlat +ellps=GRS80 +no_defs");
        //使proj4中定义的投影在OpenLayers中可用。
        ol.proj.proj4.register(proj4);

        //创建"EPSG:4490"的Projection实例,Openlayers将可以从Peoj4js中获取转换函数。
        var cgcs2000 = new ol.proj.Projection({
            code: "EPSG:4490", //EPSG code
            extent: [-180, -90, 180, 90],
            worldExtent: [-180, -90, 180, 90],
            units: "degrees" //Projection units: `'degrees'`, `'ft'`, `'m'`, `'pixels'`, `'tile-pixels'` or `'us-ft'.
        });
        ol.proj.addProjection(cgcs2000);

使用投影

ol.proj.fromLonLat([104, 35], cgcs2000),

二、缩放定位到某个坐标点,修改zoom级别

  function goXYHandle() {
            let myView = map.getView()
            myView.setZoom(5);
            myView.setCenter(ol.proj.fromLonLat([104, 35], cgcs2000));
        }

三、根据某个查询到的要素,缩放定位到该元素

let myView = map.getView()
 myView.setZoom(5);
 myView.setCenter(ol.extent.getCenter(_feature.getGeometry().getExtent()));

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值