Spider_wang的博客

本文介绍 Openlayers 如何实现图片偏移标注的功能，同时提供在图片缩放比例变化时纠正偏移的解决方法。1.创建矢量图层// 创建矢量源window.vectorSource = new window.ol.source.Vector({ features: []})// 创建并添加矢量标注图层window.olMap.addLayer(new window.ol.layer.Vector({ source: window.vectorSource, zIndex: 2}).

在 Web GIS 的开发中，总是会遇到很多新奇的需求，比如卷帘查看功能。卷帘查看是为了方便比较不同时间、不同类型的两张地图在同一地点的差异性，通过卷帘操作能够快速对比出两张地图的差异性。1.实现思路Openlayers API文档中提供了控制地图范围的接口(Extent)。通过加载两张地图，移动前端绘制的卷帘轴，实时获取卷帘轴当前的屏幕坐标（x, y)，并实时控制上面层级地图的显示范围，即可实现该功能。2.具体实现首先创建图层，加载两张在线地图：/** 初始化地图*/function.