Datakent Ana Sayfa
Anasayfa Anasayfa > Diğer bölümler > C# & ASP.NET
  Aktif Konular Aktif Konular RSS: Google Maps Example
  Yardım Yardım  Hızlı Ara   Kayıt Ol Kayıt Ol  Giriş Giriş

Google Maps Example

 Yanıt Yaz Yanıt Yaz
Yazar
Mesaj
murat turan Açılır Menü Göster
Admin Group
Admin Group
Simge
Datakent

Kayıt Tarihi: 01.Ekim.2003
Bulundugu Yer: Turkey
Online: Sitede Değil
Gönderilenler: 1798
  Alıntı murat turan Alıntı  Yanıt YazCevapla Mesajın Direkt Linki 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>
Yukarı Dön
 Yanıt Yaz Yanıt Yaz

Forum Atla Forum İzinleri Açılır Menü Göster



Bu Sayfa 0,187 Saniyede Yüklendi. [power by : WebWiz]