https://cigdememlak.com/harita/ilan/...blex-daire-151

Harita ilk açıldığında gri ekran hatası veriyor tıklamak gerekiyor düzelmesi için ayrıca + , - butonlar çalışmıyor

var map;
var infoWindow;
var markersData = [

    <
    ? php
    $ilanUrl = 'ilan/'.$Sonuc['seo'].$html;
    $createaddress1 = $Sonuc['latfield'];
    $createadress2 = $Sonuc['lngfield'];
    $adressv = ',';
    $newadd = $createaddress1.
    ''.$adressv.
    ''.$createadress2;
    $tl_formati = number_format($Sonuc['fiyat'], 2, ',', '.');

    if (empty($createaddress1)) {} else {

        ?
        >

        {
            lat: < ? php echo $createaddress1 ? > ,
            lng: < ? php echo $createadress2 ? > ,
            name: "<?=$Sonuc['adi'];?>",
            address1: "<?=$Sonuc['kapak'];?>",
            address2: "<?=$tl_formati;?>",
            address3: "<?=$Sonuc['oda'];?>",
            address4: "<?=$Sonuc['net'];?> m2",
            address5: "<?=$Sonuc['bulundugukat'];?> . Kat",
            address6: "Bina Yaşı <?=$Sonuc['bina'];?> ",
            ikona: "/images/places.png",
            wwwsite: "<a class='haritalink' href=<?=$ilanUrl;?> target=_blank >İLANA GİT</a>"
        },

        <
        ? php
    } ? >

]

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng( < ? php echo $createaddress1 ? > , < ? php echo $createaddress2 ? > ),
        zoom: 18,
        mapTypeId: 'roadmap',
    };

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    infoWindow = new google.maps.InfoWindow();

    google.maps.event.addListener(map, 'zoom_changed', 'click', function() {
        infoWindow.close();
    });

    displayMarkers();
    // End


}

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



function displayMarkers() {
    // marker clusterer to manage the markers.
    var markerCluster = new MarkerClusterer(map, [], {
        imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'
    });
    var bounds = new google.maps.LatLngBounds();

    for (var i = 0; i < markersData.length; i++) {

        var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng);
        var name = markersData[i].name;
        var address1 = markersData[i].address1;
        var address2 = markersData[i].address2;
        var address3 = markersData[i].address3;
        var address4 = markersData[i].address4;
        var address5 = markersData[i].address5;
        var address6 = markersData[i].address6;
        var image = markersData[i].ikona;
        var wwwsite = markersData[i].wwwsite;

        markerCluster.addMarker(createMarker(latlng, name, address1, address2, address3, address4,
            address5, address6,
            image, wwwsite));

        bounds.extend(latlng);
    }

    map.fitBounds(bounds);
}

function createMarker(latlng, name, address1, address2, address3, address4, address5, address6,
    image, wwwsite) {
    var marker = new google.maps.Marker({
        map: map,
        position: latlng,
        title: name,
        // icon: image - so shows default icon in code snippet
    });

    google.maps.event.addListener(marker, 'click', function() {

        var iwContent = '<div id="iw_container">' +
            '<div class="haritasoltaraf"> <img class="haritagorsel" src="tema/genel/uploads/emlaklar/' +
            address1 + '" ></img></div>' +
            '<div class="iw_title">' + name + '</div>' +
            '<div class="iw_content"> <b class="kalinyazi">' + address3 +
            '</b> | <b class="kalinyazi">' + address4 + '</b> | <b class="kalinyazi">' +
            address5 + '</b> | <b class="kalinyazi">' + address6 +
            '</b> <br /></div><div class="haritafiyat">' +
            address2 + ' TL</div><br>' +
            wwwsite + '</div>';


        infoWindow.setContent(iwContent);


        infoWindow.open(map, marker);
    });
    return marker;
}