Google maps MarkerClusterer V3无错误但不工作_Google Maps_Google Maps Api 3

Google maps MarkerClusterer V3无错误但不工作

google-maps google-maps-api-3

Google maps MarkerClusterer V3无错误但不工作,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,好的，所以我开发了以下代码来使用Google地图和Marker Clusterer。我在网站上使用了这个示例，并对其进行了轻微的修改，以获得我的json数据。我的问题是，我没有得到任何错误，但它也不工作。我做错了什么谢谢 <head> <style type="text/css"> body { margin: 0; padding: 10px 20px 20px; f

好的，所以我开发了以下代码来使用Google地图和Marker Clusterer。我在网站上使用了这个示例，并对其进行了轻微的修改，以获得我的json数据。我的问题是，我没有得到任何错误，但它也不工作。我做错了什么

谢谢

<head>
    <style type="text/css">
        body {
            margin: 0;
            padding: 10px 20px 20px;
            font-family: Arial;
            font-size: 16px;
        }

        #map-container {
            padding: 6px;
            border-width: 1px;
            border-style: solid;
            border-color: #ccc #ccc #999 #ccc;
            -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
            -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
            box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
            width: 600px;
        }

        #map {
            width: 600px;
            height: 400px;
        }
    </style>

    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="http://google-maps-utility-library-v3.googlecode.com/" +
        "svn/trunk/markerclusterer/src/markerclusterer.js">
    </script>

    <script type="text/javascript">
        var data = {
            "users": [ 
                { "latitude":"48.4048403957642",
                    "longitude":"2.68452644348145" },
                { "latitude":"48.4050236871384",
                    "longitude":"2.68512690051361"},
                { "latitude":"48.4048403957642",
                    "longitude":"2.68452644348145"},
                { "latitude":"48.7570941168018",
                    "longitude":"2.16670989990234"},
                { "latitude":"48.404922961092",
                    "longitude":"2.70020564018949"},
                { "latitude":"48.8739279353421",
                    "longitude":"2.32875823974609"},
                { "latitude":"48.4048403957642",
                    "longitude":"2.68452644348145"},
                { "latitude":"41.0349860434783",
                    "longitude":"28.9774059609177"}
            ]
        };

        function initialize() {
            var center =
                new google.maps.LatLng(48.404840395764175,
                    2.6845264434814453);

            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 3,
                center: center,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });

            var markers = [];
            for (var i = 0; i < data.length; i++) {
                var location = data.users[i];
                var latLng =
                    new google.maps.LatLng(location.latitude,
                        location.longitude);
                var marker = new google.maps.Marker({ position: latLng });
                markers.push(marker);
            }

            var markerCluster = new MarkerClusterer(map, markers);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>  
</head>
<body>
    <div id="map-container"><div id="map"></div></div>


身体{
保证金：0；
填充：10px 20px 20px；
字体系列：Arial；
字体大小：16px；
}
#地图容器{
填充：6px；
边框宽度：1px；
边框样式：实心；
边框颜色：#ccc#ccc#999#ccc；
-webkit盒阴影：rgba（64,64,64,0.5）0 2px 5px；
-moz盒阴影：rgba（64,64,64,0.5）0 2px 5px；
盒影：rgba（64,64,64,0.1）0 2px 5px；
宽度：600px；
}
#地图{
宽度：600px；
高度：400px；
}
风险值数据={
“用户”：[
{“纬度”：“48.4048403957642”，
“经度”：“2.68452644348145”}，
{“纬度”：“48.4050236871384”，
“经度”：“2.68512690051361”}，
{“纬度”：“48.4048403957642”，
“经度”：“2.68452644348145”}，
{“纬度”：“48.7570941168018”，
“经度”：“2.16670989990234”}，
{“纬度”：“48.404922961092”，
“经度”：“2.70020564018949”}，
{“纬度”：“48.8739279353421”，
“经度”：“2.32875823974609”}，
{“纬度”：“48.4048403957642”，
“经度”：“2.68452644348145”}，
{“纬度”：“41.0349860434783”，
“经度”：“28.9774059609177”}
]
};
函数初始化（）{
变量中心=
新的google.maps.LatLng（48.404840395764175，
2.6845264434814453);
var map=new google.maps.map（document.getElementById（'map'）{
缩放：3，
中心:中心,，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var标记=[]；
对于（变量i=0；i

没有添加标记，因为

for（var i=0；i


应该是
for（var i=0；i