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;
}