SD Shared

Membuat Marker Map dengan Google Map Api

Pertama kita initilize map dan berikan pada tag div dengan attribut id = map_canvas, seperti dibawah ini :

function initMap() {

   //Mengambil koordinat utama
   var latLng = new google.maps.LatLng(-6.183905,106.826838);

   //Membuat map utama
   var map = new google.maps.Map(document.getElementById('map_canvas'), {
   zoom: 11,
   center: latLng,
   mapTypeControl: false,
   mapTypeId: google.maps.MapTypeId.ROADMAP
   });

   

Kemudian membuat marker, seperti dibawah ini :

//Variabel untuk mengambil lokasi gambar
   var image = 'img/iconsc32.png';
   //Membuat marker
   var marker1 = new MarkerWithLabel({
      position: new google.maps.LatLng(-6.168374,106.7586),
      draggable: true,
      map: map,
      icon :image
   });

Berikut dibawah ini code lengkapnya :

function initMap() {

   //Mengambil koordinat utama
   var latLng = new google.maps.LatLng(-6.183905,106.826838);

   //Membuat map utama
   var map = new google.maps.Map(document.getElementById('map_canvas'), {
   zoom: 11,
   center: latLng,
   mapTypeControl: false,
   mapTypeId: google.maps.MapTypeId.ROADMAP
   });

   //Variabel untuk mengambil lokasi gambar
   var image = 'img/iconsc32.png';
   //Membuat marker
   var marker1 = new MarkerWithLabel({
      position: new google.maps.LatLng(-6.168374,106.7586),
      draggable: true,
      map: map,
      icon :image
   });

}