google-maps - 将一个标记放在另一个标记上

Question

我的应用程序显示两种标记:位置和项目。我希望能够将项目拖放到位置上。

但是当一个标记被拖动时，它被拖过的标记上的 mouseover 事件不会被触发。

如果有人知道创建这种效果的方法，我将永远感激 :-)

Answer 1

我认为您最好的选择是根据到目标的距离来实现它，可以是以米为单位的真实世界距离或以像素为单位的屏幕距离。例如:

var locations = Array();
var items = Array();

然后:

var itemMarker = new google.maps.Marker(opts);
google.maps.event.addListener(itemMarker, 'drag', function(){
    for( var n = 0; n < locations.length; n++){
    var d = google.maps.geometry.spherical.computeDistanceBetween(this.getPosition(),locations[n].getPosition());
     if (d < 5){
         // do something when below a given threshold.
     }
    }
});
items.push(itemMarker);

演示在这里:

http://maps.forum.nu/v3/gm_template_simple.html(将奥马哈标记拖向芝加哥。)请记住在加载 API 时加载几何库。