Ответы пользователя по тегу Google Maps
  • Как при нажатии на маркер убрать ошибку?

    @denchik_bubenchik
    Попробуй так:

    var map = new google.maps.Map(document.getElementById('map'),{
            center: {
                lat: 50.42497789999999,
                lng: 30.459857599999964
            },
            zoom: 10
        });
    
        var myBubles = {
            "markers" : [
                {
                    "id" : 1,
                    "title" : "title",
                    "content" : "<div id=\"content\"><div id=\"siteNotice\"></div><h1 id=\"firstHeading\" class=\"firstHeading\">Заголовок</h1><div id=\"bodyContent\"><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Первая строка</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Вторая строка</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Третья строка</p></div></div>",
                    "lat" : 50.42497789999999,
                    "lng" : 30.459857599999964,
                    "inner_title" : "Заголовок маркера"
                },{
                    "id" : 2,
                    "title" : "title",
                    "content" : "<div id=\"content\"><div id=\"siteNotice\"></div><h1 id=\"firstHeading\" class=\"firstHeading\">Заголовок 2</h1><div id=\"bodyContent\"><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Первая строка 2</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Вторая строка 2</p><p><i class=\"fa fa-phone\" aria-hidden=\"true\"></i> Третья строка 2</p></div></div>",
                    "lat" : 50.508021165218466,
                    "lng" : 30.60405315664059,
                    "inner_title" : "Заголовок маркера 2"
                }
            ]
        };
    		
         myBubles.markers.forEach(function(elem, index){
        		var marker = new google.maps.Marker({
                position: { lat: elem.lat, lng: elem.lng },
                map: map,
                title: elem.inner_title
            });
            marker.addListener('click', function() {
                new google.maps.InfoWindow({ content: elem.content}).open(map, marker);
            });
         });


    https://jsfiddle.net/9c9bovnx/5/
    Ответ написан
    Комментировать