OpenLayers onmousedown加载图像

Question

我正在看openLayers的这个例子（http://openlayers.org/en/v3.14.1/examples/custom-interactions.html?q=custom），我在想如何加载一个小图像，像鼠标放在地图上的例子那样？我尝试了几件事，但无法弄清楚。有任何想法吗？

谢谢！

Answer 1

您链接到的示例使用自定义交互来拖动地图周围的现有功能 - 此代码非常有用，我用它来了解如何在地图上拖动标记。

然而，有一个添加的标记摆在首位，这是使用地图的singleclick事件处理程序更简单的方法：

map.on("singleclick", function(event) { 
    // Add icon here... 
}) 

我在这里把一个完整的例子，显示了我如何做它：

http://www.freytag.org.uk/pages/2016/03/06/openlayers-addfeature.html

一旦你得到了工作，你可以使用自定义交互在OL3例子然后拖动地图，围绕这些标记。