小编Mer*_*ing的帖子

我如何获得OpenLayers功能选择和Javascript拖放一起工作?

我正在编写一个使用OpenLayers的应用程序,使用户能够将文件拖放到一组预定义的功能,这些功能将通过AJAX发送到服务器.文件本身是来自地球物理设备的原始数据,将由服务器呈现为栅格图层.

我为地图拖放工作:

var mapelem = $id("map");
mapelem.addEventListener("dragover", FileDragHover, false);
mapelem.addEventListener("dragleave", FileDragHover, false);
mapelem.addEventListener("drop", FileSelectHandler, false);
Run Code Online (Sandbox Code Playgroud)

我强调悬停使用此代码:

var sf = new OpenLayers.Control.SelectFeature(boxes, {
    hover: true,
    multiple: false,
    highlightOnly: true
});
map.addControl(sf);
sf.activate();
Run Code Online (Sandbox Code Playgroud)

其余代码主要是Boxes Example - Vector.

问题是当将文件拖到地图画布上时,OpenLayers悬停选择不再有效,我希望它给用户提供反馈,以确保他们将文件丢弃到他们期望的位置.

我可以在画布上获取光标的位置:

map.events.register("mousemove", map, function(e) { 
    lonlat = map.getLonLatFromPixel(e.xy);
});
Run Code Online (Sandbox Code Playgroud)

所以我可以在该函数中进行一个功能点测试,但能够使用现有的功能会很好.

有什么方法可以将拖动消息传播到我的OpenLayers层吗?

javascript drag-and-drop openlayers

12
推荐指数
1
解决办法
1515
查看次数

标签 统计

drag-and-drop ×1

javascript ×1

openlayers ×1