0
Google Maps 3.versiyonu ile ilgili basit bir örnek.
-
-
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
-
<script type="text/javascript">
-
function initializeMap() {
-
var biotekno = new google.maps.LatLng(40.978333,29.121352);
-
var myOptions = {
-
zoom: 16,
-
center: biotekno,
-
mapTypeId: google.maps.MapTypeId.HYBRID
-
}
-
var map = new google.maps.Map(document.getElementById("mapBiotekno"), myOptions);
-
// infoWindow içerisinde gösterilecek içeriği ayarlanıyor
-
var contentString = "İçerik Burada ayarlanıyor";
-
// infoWindow oluşturuluyor
-
var infowindow = new google.maps.InfoWindow({
-
content: contentString
-
});
-
var bioteknoMarker = new google.maps.Marker({
-
position: new google.maps.LatLng(40.978333,29.121352),
-
map: map,
-
title:"Biotekno"
-
});
-
// bioteknoMarker’a click event’i ekleniyor ve infowindow’un gösterilmesini
-
google.maps.event.addListener(bioteknoMarker, ‘click’, function(event) {
-
infowindow.open(map,bioteknoMarker);
-
});
-
// info penceresinin otomatik açılması sağlar , istenmiyorsa alttaki satırı silebilirsiniz
-
window.setTimeout(function(){
-
infowindow.open(map,bioteknoMarker);
-
},500);
-
}
-
</script>
-
<div id="mapBiotekno" style="width: 500px; height: 400px"></div>
-
function init(){
-
initializeMap();
-
}
-
window.onload = init;
-
</script>
-
