Cara Menambahkan Marker pada google map (bag 2)

Pada sebelumnya saya telah jelaskan tentang kode sederhana untuk menampilkan google map pada website menggunakan html dan javascript. Dalam peta tersebut terdapat sebuah marker (tanda). Untuk membuat tanda baru anda bisa gunakan kode dibawah ini:

  var latlng2 = new google.maps.LatLng(-2.1248409,101.4273383);
  var marker = new google.maps.Marker({    
      position: latlng2,
      map: map,
      title: 'tes'
  });

Kode ini berguna untuk menambah marker baru pada peta anda. silahkan ditambahkan kode sebelumnya sehingga kode lengkapnya seperti ini:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Simple markers</title>
    <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>
function initialize() {
  var myLatlng = new google.maps.LatLng(-2.1788761,101.4415862);
  var mapOptions = {
    zoom: 13,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Hello World!'
  });

  var latlng2 = new google.maps.LatLng(-2.1248409,101.4273383);
  var marker = new google.maps.Marker({    
      position: latlng2,
      map: map,
      title: 'tes'
  });

}

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

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

 

(Visited 3,717 times, 1 visits today)

Related Posts

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

WhatsApp chat