Google Maps Example

, content: 'D' + (i + 1) });


   Google Maps Kullanım Örneği (Koordinat bulma ve Belirli bir alanın çizilerek belirtilmesi)


<!DOCTYPE html>
<html>
  <head>
    <title>Liman Map</title>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">

    <meta charset="utf-8">
    <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

    <script>
        // help
        // https://developers.google.com/maps/documentation/javascript/examples/polygon-arrays
        // https://developers.google.com/maps/documentation/javascript/maptypes
        //
        var map;

        var xpoins = [
           new google.maps.LatLng(41.010731, 39.768925),
           new google.maps.LatLng(41.006469, 39.761147),
           new google.maps.LatLng(41.004031, 39.758264),
           new google.maps.LatLng(41.012083, 39.762886),
           new google.maps.LatLng(41.0084, 39.756206),
           new google.maps.LatLng(41.005319, 39.755806),
           new google.maps.LatLng(41.005328, 39.75),
           new google.maps.LatLng(41.012475, 39.746764),
           new google.maps.LatLng(41.012772, 39.740344),
           new google.maps.LatLng(41.009444, 39.738056),
           new google.maps.LatLng(41.006833, 39.738906),
           new google.maps.LatLng(41.004142, 39.741275),
           new google.maps.LatLng(41.001003, 39.757106)
        ];

        function initialize() {
            var mapOptions = {
                zoom: 8,
                center: new google.maps.LatLng(41.010731, 39.768925)
            };
            map = new google.maps.Map(document.getElementById('map-canvas'),
                mapOptions);
        }

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


        function showCoordinates() {

            for (var i = 0; i < xpoins.length; i++) {
                var info1 = new google.maps.InfoWindow({ map: map, position: xpoins, content: 'D' + (i + 1) });

                map.setCenter(xpoins);
            }

            map.setZoom(15);
            map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
            
        }

        function DrawPolygon() {
            var bermudaTriangle = new google.maps.Polygon({
                paths: xpoins,
                strokeColor: '#FF0000',
                strokeOpacity: 0.8,
                strokeWeight: 3,
                fillColor: '#FF0000',
                fillOpacity: 0.35
            });

            bermudaTriangle.setMap(map);
        }

    </script>
  </head>
  <body>
      <div>

          <input type="button" id="Button1" name="Button1" value="Show" onclick="showCoordinates();" />
          <input type="button" id="Button2" name="Button2" value="Draw" onclick="DrawPolygon();" />

      </div><br />
    <div id="map-canvas"></div>
  </body>
</html>

Yazar	Mesaj Konuyu Paylaş Konuyu Yazdır Google Delicious Digg StumbleUpon Windows Live Yahoo Bookmarks reddit Facebook MySpace Newsvine Furl Konu Bilgi Ara Konu Ayarları Yanıt Yaz Yeni Konu
murat turan Üye Profili Özel Mesaj Yolla Bu kullanıcıya ait mesajları bul Üyenin Web Sitesie Git Arkadaş Listeme Ekle Admin Group Datakent Kayıt Tarihi: 01.Ekim.2003 Bulundugu Yer: Turkey Online: Sitede Değil Gönderilenler: 1798	Alıntı Cevapla Konu: Google Maps Example Gönderim Zamanı: 19.Nisan.2015 Saat 10:07
	Google Maps Kullanım Örneği (Koordinat bulma ve Belirli bir alanın çizilerek belirtilmesi) <!DOCTYPE html> <html> <head> <title>Liman Map</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> // help // https://developers.google.com/maps/documentation/javascript/examples/polygon-arrays // https://developers.google.com/maps/documentation/javascript/maptypes // var map; var xpoins = [ new google.maps.LatLng(41.010731, 39.768925), new google.maps.LatLng(41.006469, 39.761147), new google.maps.LatLng(41.004031, 39.758264), new google.maps.LatLng(41.012083, 39.762886), new google.maps.LatLng(41.0084, 39.756206), new google.maps.LatLng(41.005319, 39.755806), new google.maps.LatLng(41.005328, 39.75), new google.maps.LatLng(41.012475, 39.746764), new google.maps.LatLng(41.012772, 39.740344), new google.maps.LatLng(41.009444, 39.738056), new google.maps.LatLng(41.006833, 39.738906), new google.maps.LatLng(41.004142, 39.741275), new google.maps.LatLng(41.001003, 39.757106) ]; function initialize() { var mapOptions = { zoom: 8, center: new google.maps.LatLng(41.010731, 39.768925) }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); function showCoordinates() { for (var i = 0; i < xpoins.length; i++) { var info1 = new google.maps.InfoWindow({ map: map, position: xpoins, content: 'D' + (i + 1) }); map.setCenter(xpoins); } map.setZoom(15); map.setMapTypeId(google.maps.MapTypeId.SATELLITE); } function DrawPolygon() { var bermudaTriangle = new google.maps.Polygon({ paths: xpoins, strokeColor: '#FF0000', strokeOpacity: 0.8, strokeWeight: 3, fillColor: '#FF0000', fillOpacity: 0.35 }); bermudaTriangle.setMap(map); } </script> </head> <body> <div> <input type="button" id="Button1" name="Button1" value="Show" onclick="showCoordinates();" /> <input type="button" id="Button2" name="Button2" value="Draw" onclick="DrawPolygon();" /> </div><br /> <div id="map-canvas"></div> </body> </html>
	Kasa Takip \| Cari Takip \| Evrak Takip \| ETA SQL Mobil