OpenLayers onmousedown 加载图像

Question

我正在查看 openLayers ( http://openlayers.org/en/v3.14.1/examples/custom-interactions.html?q=custom ) 的这个示例，我想知道如何在地图上按下鼠标时加载像示例中那样的小图像？我尝试了几件事，但无法弄清楚。有什么想法吗？

谢谢！

Answer 1

您 link 使用自定义交互在地图周围拖动现有要素的示例 - 此代码非常有用，我用它来计算如何在地图周围拖动标记。

但是，首先有一种更简单的方法来添加标记，即使用地图的单击事件处理程序：

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

我在这里放了一个完整的例子，展示了我是如何做到的：

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

完成该操作后，您可以使用 OL3 示例中的自定义交互，然后在地图上拖动这些标记。