OpenLayers中在overlayer层使用canvas图层叠加
介绍
我在此做了在canvas layer1层做出滑动效果
layer2层插入图片,实现在layer2层上方做出滑动效果,可以结合数据库做出滑动快慢,和上下滑动的效果
<div id="map" style="width: 100%;position: relative"></div>
<canvas id="layer1" style="position: absolute"></canvas>
<canvas id="layer2" style="position: absolute"></canvas>
<script>
var canvasLayer1 = new ol.Overlay({
element: document.getElementById('layer1'),
scale:0.15
});
canvasLayer1.setPosition([115.9507, 31.58]);
map.addOverlay(canvasLayer1);
var canvasLayer2 = new ol.Overlay({
element: document.getElementById('layer2'),
scale:0.15
});
canvasLayer2.setPosition([115.9507, 31.58]);
map.addOverlay(canvasLayer2);
var layer1=document.getElementById("layer1");
var wh=