кластер карт гугл не работает

<script>
    var lat = "";
    var map = "";
    var markers = [];
    function initMap() {
        if ($("#map").length) {
            var mapOptions = {
                zoom: 13, 
                center: new google.maps.LatLng(37.498214, 127.027535), 
                scrollwheel: true, 
                mapTypeControl: false 
            };
            var geocoder = new google.maps.Geocoder();
            map = new google.maps.Map(document.getElementById('map'), mapOptions); 
            var image = 'img/marker.png'; 
            for (i = 0; i < 1; i++) { // this database size
                var address = 'addressvalue';
                geocoder.geocode({'address': address}, function (results, status) {
                    if (status === google.maps.GeocoderStatus.OK) {
                        lat = results[0].geometry.location;
                        lat = lat.toString().split(" ");
                        lat[0] = lat[0].replace('(', '');
                        lat[0] = lat[0].replace(',', '');
                        lat[1] = lat[1].replace(')', '');
                        map.setCenter(new google.maps.LatLng(lat[0], lat[1]));
                        var marker = new google.maps.Marker({
                            map: map,
                            position: results[0].geometry.location,
                            icon: image,
                            title: 'test'
                        });
                        markers.push(marker);
                        var infowindow = new google.maps.InfoWindow({
                            content: '<div>1234</div>'
                        });
                        google.maps.event.addListener(marker, 'click', function () {
                            infowindow.open(map, marker);
                        });
                    } else {
                        alert('Geocode was not successful for the following reason: ' + status);
                    }
                });
            }
            markerClusterer = new MarkerClusterer(map, markers, {
                maxZoom: 10,
                gridSize: 10
            });
            google.maps.event.addDomListener(window, "resize", function () {
                var center = map.getCenter();
                google.maps.event.trigger(map, "resize");
                map.setCenter(center);
            });
        }
    }
</script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0/src/data.json"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclusterer/1.0/src/markerclusterer.js"></script>

Я следовал API карт Google, но у меня возникла проблема.

Я хочу маркер и кластер. это проблема.

При нажатии маркеров показывать заголовок окна. это не проблема.

Где я сделал не так?


google-maps javascript google-maps-api-3 markerclusterer
person 차원준    schedule 17.02.2016    source источник
comment
В чем проблема? Вы не видите никаких маркеров? Вы получаете маркеры, но не кластеры? Можете ли вы прикрепить скриншот или ссылку на рабочий пример, показывающий, что не работает   -  person duncan    schedule 17.02.2016
comment
о, извините .. моя проблема в том, чтобы получить маркеры, но не кластеры!   -  person 차원준    schedule 17.02.2016

Ответы (1)


arrow_upward
6
arrow_downward

Проблема в том, что вы выполняете асинхронный вызов функции geocoder.geocode(), чтобы получить данные для создания ваших маркеров. Однако строка, в которой вы создаете MarkerClusterer, не находится в обратном вызове этой функции геокодирования. Таким образом, это будет происходить до создания маркеров и просто с использованием пустого массива в этот момент.

Я не совсем уверен в смысле вашего цикла for. Но если предположить, что вам это нужно, хитрость может состоять в том, чтобы создать пустой MarkerClusterer перед геокодированием. Затем в обратном вызове добавьте каждый маркер в MarkerClusterer, как только вы его создадите.

Что-то вроде этого:

var markerClusterer = new MarkerClusterer(map, [], {
    maxZoom: 10,
    gridSize: 10
});

for (i = 0; i < 1; i++) { // this database size
    var address = 'addressvalue';
    geocoder.geocode({'address': address}, function (results, status) {
        if (status === google.maps.GeocoderStatus.OK) {
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location,
                icon: image,
                title: 'test'
            });
            markers.push(marker);

            markerClusterer.addMarker(marker);
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    });
}
person duncan    schedule 17.02.2016