Özgür Pazar | İnternet Özgürlüktür – Otomatik İmlemeBloom

Google map Çoklu yer işaretleme

Merhabalar,
Gecen gün bir projemde google map de 1 den fazla yer işaretlemem gerekiyordu ve bazı sorunlar çıktı. Bu sorunları ceviz.net olan Mustafa DİLBAZ (mdilbaz) arkadaş sayesinde çözdüm. Teşekkur ediyorum icon smile Google map Çoklu yer işaretleme

Eğer sizde google map de 1 den fazla yer işaretlemek isterseniz kullanabileceginiz kodlar:

<!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.HYBRID
    });

    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>

Burada zoom bölümü haritayı yakınlaştırmak ve uzaklaştırmak isterseniz rakam değerleri ile oynuabilirsiniz.

Eğer harita tipini değiştirmek istiyorsanız.

mapTypeId: google.maps.MapTypeId.ROADMAP

kısmındaki ROADMAP kısmını aşagıdaki seçeneklerle değiştirebilirsiniz.

ROADMAP displays the normal, default 2D tiles of Google Maps.
SATELLITE displays photographic tiles.
HYBRID displays a mix of photographic tiles and a tile layer for prominent features (roads, city names).
TERRAIN displays physical relief tiles for displaying elevation and water features (mountains, rivers, etc.).

Kaynak:
Google map Çoklu yer işaretleme

Rastgele Yazılar

Yorum Yaz
İsim ↓
Mail ↓
Web Site ↓
Bu yazı ile ilgili ne düşünüyorsun ↓
Yorum Yaparken Ahlaki değerlere dikkat ediniz.

Kategoriler
Son Yazılar
Etiketler