javascript - 谷歌在鼠标悬停时在同一位置投影上映射多个标记

Question

我有一个谷歌地图，其中多个标记重叠在同一位置。

所以我使用了此链接中提供的 OverlappingMarkerSpiderfier https://github.com/jawj/OverlappingMarkerSpiderfier在点击事件的同一位置显示多个标记。

我想在鼠标悬停事件而不是 onclick 事件上显示多个标记。

function initialize()
    {
        var lats22 = document.getElementById('lats1').value;
        var lngs22 = document.getElementById('lngs1').value;
        // define map center
        //alert(lats2);
        //var latlng = new google.maps.LatLng(70.44694705960048,-101.953125);
        var latlng = new google.maps.LatLng(lats22,lngs22);

        // define map options
        var myOptions = 
        {
            zoom:9,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.MAP,
            scaleControl: true,
            navigationControl: true,
            navigationControlOptions: {
                style: google.maps.NavigationControlStyle.SMALL
            },
            mapTypeControl: false,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
            }
        };

        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        oms = new OverlappingMarkerSpiderfier(map);

// I have edited click event on oms.addlistener to mouseover as below
        oms.addListener(map, 'mouseover', function(event) {
            findAddress(event.latLng);
            });
    }

这是我编辑的谷歌地图的jsfiddle链接。 单击 map 中的标记 V 可查看差异。我想将此点击事件更改为 mouseover 事件。

http://jsfiddle.net/5VFeJ/1/

Answer 1

在此链接中编辑您的 oms js 文件

http://247nywebdesign.com/Testing/FitTipper/php/js/oms.min.js

// edit line43 on jsfiddle as below
        oms.addListener(map, 'click', function(event) {
            findAddress(event.latLng);
            });

将其“点击”事件更改为“鼠标悬停”

http://jsfiddle.net/5VFeJ/1/