未捕获的TypeError:undefined不是使用google地图与传单js的函数

时间:2015-05-22 12:02:34

标签: google-maps

我在同一个位置(经度和纬度)有两个标记

因此,为了解决这个问题,我尝试使用markercluster选项。

我正在关注这个小提琴,以便在我的代码中实现markercluster功能

http://jsfiddle.net/dP9aG/96/

这是我的小提琴

http://jsfiddle.net/dP9aG/101/

但是当我试图用我的代码传单时

我在控制台中收到以下错误

未捕获的TypeError:undefined不是函数

这是我的代码

    var map;
    var markers = new L.MarkerClusterGroup();
    initmap();

    function initmap() {
        map = new L.Map('map');
        var googleLayer = new L.Google('ROADMAP');
        map.addLayer(googleLayer);
        drawTestLine();
    };

    function drawTestLine() {
        var lat = 51;
        var long = 7;
        for (var i = 0; i < 50; i++) {
            var myMarker = new L.Marker(new L.LatLng(lat, long), 3);
            myMarker.on('click', function(e) {
                popup = new L.Popup();
                popup.setLatLng(this.getLatLng());
                var popuptxt = "Hello!";
                alert("I am the click function");
                popup.setContent(popuptxt);
                map.openPopup(popup);
            });
            markers.addLayer(myMarker);
            lat = lat + 0.0001;
            long = long + 0.0001;
        }
        map.addLayer(markers);
    };

你能告诉我如何解决这个问题,谢谢

http://jsfiddle.net/dP9aG/101/

1 个答案:

答案 0 :(得分:0)

您未在标题中加入Google地图脚本。您所指的示例是使用openstreetmaps,并在js中加载了地图脚本。

Here更新了小提琴。我可以把地图装得很好。

&#13;
&#13;
u'\n<body s'
&#13;
&#13;
&#13;