0

KN:5 Google Maps V3 ile basit bir örnek

Posted Mart 6th, 2010. Filed under google

Google Maps 3.versiyonu ile ilgili basit bir örnek.

  1.  
  2. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  3.         <script type="text/javascript">
  4.         function initializeMap() {
  5.                 var biotekno = new google.maps.LatLng(40.978333,29.121352);
  6.                 var myOptions = {
  7.                   zoom: 16,
  8.                   center: biotekno,
  9.                   mapTypeId: google.maps.MapTypeId.HYBRID
  10.                 }
  11.                 var map = new google.maps.Map(document.getElementById("mapBiotekno"), myOptions);
  12.                 // infoWindow içerisinde gösterilecek içeriği ayarlanıyor
  13.                 var contentString = "İçerik Burada ayarlanıyor";
  14.                 // infoWindow oluşturuluyor
  15.                 var infowindow = new google.maps.InfoWindow({
  16.                         content: contentString
  17.                 });
  18.                 var bioteknoMarker = new google.maps.Marker({
  19.                         position: new google.maps.LatLng(40.978333,29.121352),
  20.                            map: map,
  21.                            title:"Biotekno"
  22.                 });
  23.                 // bioteknoMarker’a click event’i ekleniyor ve infowindow’un gösterilmesini
  24.            google.maps.event.addListener(bioteknoMarker, ‘click’, function(event) {
  25.                    infowindow.open(map,bioteknoMarker);
  26.            });
  27.            // info penceresinin otomatik açılması sağlar , istenmiyorsa alttaki satırı silebilirsiniz
  28.            window.setTimeout(function(){
  29.                 infowindow.open(map,bioteknoMarker);
  30.            },500);
  31.         }
  32. </script>
  33. <div id="mapBiotekno" style="width: 500px; height: 400px"></div>
  34. function init(){
  35.         initializeMap();
  36. }
  37. window.onload = init;
  38. </script>
  39.  
If you have enjoyed this entry. Please feel free to bookmark it using your favorite social bookmarking site

Leave a Comment