Openlayers 在多个地图中显示鼠标指针(同步鼠标指针)

Openlayers 在多个地图中显示鼠标指针(同步鼠标指针),openlayers,openlayers-5,Openlayers,Openlayers 5,当我把鼠标指针放在一张地图上时,我需要鼠标指针同时在另一张地图上可见(当然在同一位置显示)……所以在地图之间同步鼠标指针 如何实现这一点?在windows显示器上只能有一个真实的鼠标指针,但可以在每个地图上显示一个共享功能,该功能跟随任一地图上的真实指针。如果你想的话,你甚至可以用一个图标使它看起来像一个指针 var-white=[255,255,255,1]; VarBlue=[0153255,1]; var宽度=3; style=新的ol.style.style({ 图片:新ol.styl

当我把鼠标指针放在一张地图上时,我需要鼠标指针同时在另一张地图上可见(当然在同一位置显示)……所以在地图之间同步鼠标指针


如何实现这一点?

在windows显示器上只能有一个真实的鼠标指针,但可以在每个地图上显示一个共享功能,该功能跟随任一地图上的真实指针。如果你想的话,你甚至可以用一个图标使它看起来像一个指针

var-white=[255,255,255,1];
VarBlue=[0153255,1];
var宽度=3;
style=新的ol.style.style({
图片:新ol.style.Circle({
半径:宽度*2,
填充:新的ol.style.fill({
颜色:蓝色
}),
笔划:新的ol风格笔划({
颜色:白色,
宽度:宽度/2
})
}),
zIndex:无限
});
变量指针=新ol.特征(新ol.几何点([0,0]);
指针。设置样式(样式);
var map1=新ol.Map({
图层:[
新ol.layer.Tile({
来源:new ol.source.OSM()
}),
新ol.layer.Vector({
来源:新ol.source.Vector({
功能:[指针]
})
})
],
目标:“map1”,
视图:新ol.view({
中间:[0,0],
缩放:2
})
});
var map2=新ol.Map({
图层:[
新ol.layer.Tile({
来源:new ol.source.OSM()
}),
新ol.layer.Vector({
来源:新ol.source.Vector({
功能:[指针]
})
}),
],
目标:“map2”,
视图:新ol.view({
中间:[0,0],
缩放:2
})
});
映射1.on('pointermove',函数(evt){
pointer.getGeometry().setCoordinates(evt.coordinate);
});
映射2.on('pointermove',函数(evt){
pointer.getGeometry().setCoordinates(evt.coordinate);
});
.wrapper{
显示器:flex;
身高:90%;
}
@介质(最小宽度:800px){
.一半{
填充:0 10px;
宽度:50%;
浮动:左;
}
}

看起来正是我所需要的……再次使用thx(今晚将尝试在我的OL地图中实现)!!