• 17-05-2014, 21:44:23
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba örnek bir harita kodu buldum gayet güzel çalışıyor fakat bu harita üzerinde 2 yada 2 den fazla noktayı nasıl gösterebilirim

    Koddaki nokta 41.075000, 29.027440 örnek olarak 2. noktayıda 41.078753, 29.073445 bu konumda nasıl gösterebilirim acaba.


    <!-- Google Harita'yı sayfamıza ekliyoruz -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false "></script>
       <!-- Javascript kodumuz -->
        <script type="text/javascript"> 
            function initializeMap() {
                var gmappoint = new google.maps.LatLng(41.075000, 29.027440);
                var myOptions = {
                    zoom: 15,
                    center: gmappoint,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                var map = new google.maps.Map(document.getElementById("divMap"), myOptions);
                // infoWindow içerisinde gösterilecek içeriği ayarlanıyor
                var contentString = "DENEME ADRES YERİ";
                // infoWindow oluşturuluyor
                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                });
                var gmapMarker = new google.maps.Marker({
                    position: new google.maps.LatLng(41.075000, 29.027440), 
                    map: map, 
                    title:"Nokta Bilgisi"
                });
                // gmapMarker'a click event'i ekleniyor ve infowindow'un gösterilmesini
                google.maps.event.addListener(gmapMarker, 'click', function(event) {
                    infowindow.open(map,gmapMarker);
                });
                // info penceresinin otomatik açılması sağlar , istenmiyorsa alttaki satırı silebilirsiniz
                window.setTimeout(function(){
                    infowindow.open(map,gmapMarker);
                },500);
            }
        </script> 
     
    <!-- Google Haritanın gösterileceği div'i ekliyoruz. -->
        <div id="divMap" style="width: 100%; height: 400px"></div> 
    <!-- Son olarak sayfa yüklendiğinde haritanın yüklenmesi -->
        <script>
            function init(){
                initializeMap();
            }
            window.onload = init;
        </script>


    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:44:23 -->-> Daha önceki mesaj 21:34:46 --

    Başka bir örnek buldum ihiyacı olan olabilir.

    <!DOCTYPE html>
    <html> 
    <head> 
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
      <title>Google Maps Multiple Markers</title> 
      <script src="http://maps.google.com/maps/api/js?sensor=false" 
              type="text/javascript"></script>
    </head> 
    <body>
      <div id="map" style="width: 500px; height: 400px;"></div>
    
      <script type="text/javascript">
        var locations = [
          ['Bondi Beach', -33.890542, 151.274856, 4],
          ['Coogee Beach', -33.923036, 151.259052, 5],
          ['Cronulla Beach', -34.028249, 151.157507, 3],
          ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
          ['Maroubra Beach', -33.950198, 151.259302, 1]
        ];
    
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: new google.maps.LatLng(-33.92, 151.25),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
    
        var infowindow = new google.maps.InfoWindow();
    
        var marker, i;
    
        for (i = 0; i < locations.length; i++) {  
          marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map
          });
    
          google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
              infowindow.setContent(locations[i][0]);
              infowindow.open(map, marker);
            }
          })(marker, i));
        }
      </script>
    </body>
    </html>
  • 19-05-2014, 17:02:11
    #2
    Teşekkürler işime yarar (Y)