Menambahkan marker pada Google Maps

Pada artikel sebelumnya kita telah membahas mengenai pembuatan maps sederhana dengan Google Maps. Pembahasan kali ini adalah menambahkan penanda atau Marker pada Google Map. Prinsip utama pada penambahan marker ini adalah

‘penggunaan object google.maps.Marker dengan parameter posisi dan peta’

Langkah-langkah pembuatan peta dengan adanya marker atau penanda adalah

1. Menentukan div:

   
   
   
   
   <div id="petadiv"></div>
   
   
   
   
   

   

2. Menentukan ukuran div:

   #petadiv {
           width: 600px;
           height: 400px;
           margin-top: 20px;
         }
   

   

3. Membuat peta dan menambahkan marker:

   function initMap() {
              let posisi = {lat: -6.19921, lng: 106.82354};
              let peta = new google.maps.Map(document.getElementById('petadiv'), {
             	center: posisi, zoom: 20
              });
              let tanda  = new google.maps.Marker({position: posisi, map: peta,title: 'PT Proweb Indonesia'});
   
         }
   

   

4. Melihat hasilnya:
   Hasilnya dapat dilihat di https://maps.aris.proweb.asia/11-peta-bertanda.html dengan tampilan seperti di bawah ini:
   

Informasi lebih lanjut silahkan mengunjungi
1. https://developers.google.com/maps/documentation/javascript/adding-a-google-map .
2. https://developers.google.com/maps/documentation/javascript/markers

Kunjungi www.proweb.co.id untuk menambah wawasan anda.