MAP NEW

<script src="https://maps.google.com/maps/api/js?key=AIzaSyDHYS4-_GQshGaY7zTMkM0ji01Lf1bwKlo&libraries=marker"></script>
<script>
    var map_stores;
    var markers_all = [];
    var locations = [
        ['<?=$property[0]->title?>', <?=$property[0]->lat?>, <?=$property[0]->lng?>],
    ];

    function init() {
        var myOptions = {
            center: new google.maps.LatLng('<?=$property[0]->lat?>', '<?=$property[0]->lng?>'),
            zoom: 12,
            mapId: 'c93a0ff4a53fd8cb'
        };

        map_stores = new google.maps.Map(document.getElementById("map_2"), myOptions);
        setMarkers(map_stores, locations);
    }

    function setMarkers(map, locations) {
        var marker, i, mark_position;

        for (i = 0; i < locations.length; i++) {
            var title = locations[i][0];
            var lat = locations[i][1];
            var long = locations[i][2];

            mark_position = new google.maps.LatLng(lat, long);

            // Создаем элемент маркера
            marker = new google.maps.marker.AdvancedMarkerElement({
                position: mark_position,
                map: map,
                title: title,
                content: new DOMParser().parseFromString(
                    `<div style="padding: 5px; border-radius: 5px;">
                        <img src="https://mirax.md/dist/img/marker_mirax.png" style="width: 32px; height: 40px;">
                    </div>`, 'text/html'
                ).body.firstChild
            });

            markers_all[i] = marker;

            // Инфо-окно
            var content = `<div class="info-block"><h3>${title}</h3></div>`;
            var infowindow = new google.maps.InfoWindow();

            // Обработчик клика по маркеру
            marker.addListener('click', function () {
                infowindow.setContent(content);
                infowindow.open(map, marker);
                map.setZoom(16);
            });
        }
    }

</script>