google-maps - 是否可以在谷歌地图上选择多个标记

Question

如果我在地图上有 100 个标记，而我只想用其中的 15 个标记做某事，有没有办法通过使用 CTRL + 单击标记或标准光标拖动选择来实现这一点？

Answer 1

Ctrl+单击是可能的。将单击事件添加到标记，然后在事件处理程序中测试是否按下了 CTRL 键。如果是这样，请将标记添加到一个数组中，然后您可以稍后再做一些事情。

var markers = [];
google.maps.event.addListener(marker, 'click', function (event) {
  if (event.ctrlKey) {
    markers.push(marker);
    // some more code to change icon, add marker name to list, etc 
    //   so user knows marker has been selected
  }
});

使用这种方法记录了一些问题 ，但它每次都对我有用。只需确保在多个浏览器中进行测试。

有关拖动框到选择标记的实现，请参阅此 Stack Overflow 问题。

Answer 2

我过去这样做的方法是附加一个单击事件处理程序，该处理程序将标记的图片更改为选定的内容，然后将该标记添加到数组中。然后，一旦您选择了“15”个标记，您单击一个按钮（或开始一个事件）来处理您选择的标记。有趣的地方是您可以取消选择标记等。HTH 我知道它不满足 ctrl + 单击。