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

shurik_shink,
Нашел похожее решение
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
    function initialize() {
        var mapProp = {
            center: new google.maps.LatLng(50.456501, 30.559033),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            zoom: 12,
            scaleControl: true
        };
        var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

        //создаем маркеры
        var markers = [[50.468077, 30.562216], [50.459307, 30.536864], [50.442119, 30.578020]];
        var LatLng; var marker = [];
        for (i = 0; i < markers.length; i++) {
            LatLng = { lat: markers[i][0], lng: markers[i][1] };
            marker[i] = new google.maps.Marker({
                position: LatLng,
                map: map,
                index: i
            });
        }

        //навешиваем событие "click" на каждый маркер
        var message = ['marker:0','marker:1','marker:2','marker:3','marker:4','marker:5'];
        for (i = 0; i < marker.length; i++) marker[i].addListener("click", function (event) { alert(message[this.index]) });
    }
</script>
</head>
<body>
<div id="googleMap" style="width:500px;height:400px; position: absolute; left: 0; right:0; margin: auto;"></div>
</body>
<script type="text/javascript">    initialize();</script>
</html>
Ответить с цитированием