Показать сообщение отдельно
  #7 (permalink)  
Старый 13.05.2016, 17:48
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

sergofedor06,
что-то никак не могу найти библиотеку для MarkerClusterer - все, что раньше подключал, недоступно...

Попутно переделал ваш вариант под API V3

<script src="https://maps.google.com/maps/api/js?sensor=false"> </script>
    <script>

        var mark = [{ LatLang: { lat: 41.888014, lng: 12.482378 }, description: "Описание 1 - маркера" },
    { LatLang: { lat: 41.89616, lng: 12.484159 }, description: "Описание 2 - маркера" },
    { LatLang: { lat: 41.893445, lng: 12.483258 }, description: "Описание 3 - маркера" },
    { LatLang: { lat: 41.911132, lng: 12.48741 }, description: "Описание 4 - маркера" }
        ];

        function e() {
            var centerLatLng = { lat: 41.881576, lng: 12.495232 };
            var e = document.getElementById("map"),
            t = {
                center: centerLatLng,
                zoom: 10,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var gmap = new google.maps.Map(e, t);
            var marker = [], infowindow=[];
            for (i = 0; i < 4; i++) {
                marker[i] = new google.maps.Marker({
                    position: mark[i].LatLang,
                    map: gmap,
                    title: mark[i].description
                });
                marker[i].setMap(gmap);

                infowindow[i] = new google.maps.InfoWindow({
                         content: mark[i].description
                });
                marker[i].id = i;
                marker[i].addListener('click', function () {
                    infowindow[this.id].open(gmap, this);
                });


            }
        //    var markerClusterer = new MarkerClusterer(_this.map, marker,
        //         {
        //          maxZoom: 13,
        //          gridSize: 50,
        //          styles: null
        //     });

        };
        google.maps.event.addDomListener(window, 'load', e);


    </script>
</head>
<body>
    <div id="map" style="width: 800px; height: 500px;">
    </div>
</body>

Последний раз редактировалось Dilettante_Pro, 03.02.2018 в 16:31.
Ответить с цитированием