如何在Mouseover事件上将标记添加到Google Map

时间:2012-09-14 22:14:05

标签: jquery google-maps-api-3

请你看看我对这个例子的尝试:http://jsfiddle.net/Behseini/dbw7n/10/ 并告诉我如何在mouseover事件中添加和删除地图上的标记?我不想添加任何信息窗口。

由于

1 个答案:

答案 0 :(得分:1)

Google Maps Api 3 Remove Selected Marker Only

var id;
var markers = {};
var addMarker = function() {
    marker = new google.maps.Marker({
        position: latlng,
        map: map,
        draggable: true
    });
    map.panTo(latlng);
    id = marker.__gm_id;
    markers[id] = marker;

    google.maps.event.addListener(marker, "rightclick", function(point) {
        id = this.__gm_id;
        delMarker(id);
    });
};

var delMarker = function(id) {
    marker = markers[id];
    marker.setMap(null);
};

$('#over_map').on('hover', function(e) {
    e.type == 'mouseenter' ? addMarker() : delMarker(id);
});

http://jsfiddle.net/ARTsinn/dbw7n/14/