Google Maps OverlappingMarkerSpiderfier实例化问题

时间:2016-04-30 19:19:12

标签: javascript google-maps google-maps-api-3 markerspiderfier

我已经在网站上搜索了这个错误,虽然有几个答案,但它们都没有为我工作(或者不适用)。

我正在使用谷歌地图API v3,我正在尝试实现OverlappingMarkerSpiderfier来解决我的重叠标记问题。我的问题是我无法创建OMS的实例:

    function getStateInfo(){
        //do stuff
        var lat = 42.5724;
        var lon = -74.948052;
        var map = new google.maps.Map(document.getElementById("map"),{draggableCursor:'pointer'});
        var oms = new OverlappingMarkerSpiderfier(map,{markersWontMove: true, markersWontHide: true});
        // do more stuff
        var whiteicon = new GIcon();
        whiteicon.image = "images/whiteCircle.png";
        whiteicon.iconSize = new GSize(11, 11);
        whiteicon.iconAnchor = new GPoint(6, 6);
        whiteicon.infoWindowAnchor = new GPoint(6,6);

        var marker = new GMarker(new GLatLng(lat,lon), {
            draggable: false, 
            title: ($(this).find('COMPANY_NAME').text()), 
            icon: whiteicon,
            map: map
        });
        oms.addMarker(marker);
    }

我收到以下错误:

InvalidValueError: setMap: not an instance of Map; and not an instance of StreetViewPanorama

我已经确认错误发生在实例化时,而不是在标记创建/放置时。为了彻底,这里是我试图用来放置标记的代码:

var marker = new GMarker(new GLatLng(lat,long), {
draggable: false, 
title: ($(this).find('COMPANY_NAME').text()), 
icon: whiteicon,
map: map});

...

oms.addMarker(marker);

如果有原始内容(从github下载),我还检索了另一份OMS副本。

如果您需要查看更多代码,请告诉我您要查找的内容。我刚刚发布了问题所在的行。我的地图在没有OMS的情况下正确生成 - 这只是oms实例化的问题。

1 个答案:

答案 0 :(得分:1)

您正在使用已弃用的Google Maps JavaScript API v2地图和Google Maps JavaScript API v3漫游器。

这是v2代码(GSizeGPointGLatLng):

whiteicon.iconSize = new GSize(11, 11);
whiteicon.iconAnchor = new GPoint(6, 6);

var marker = new GMarker(new GLatLng(lat,lon), {