Identifikasi Lat-Lng Icon Marker OnClick

Posted: December 7, 2010 in Maps Lanjutan
Tags: , ,

Tutorial kali ini kita akan membahas bagaimana membuat identifikasi icon marker dengan mouse pointer istilahnya OnClick Marker “wkwkw ribet bgt neranginnya😦 dasar oon😀 “. Dengan cara seperti ini, membuat marker icon pada sebuah area akan lebih mudah, karena kita cukup memilih area/point dengan meng-klik pada area tersebut. Dari tutorial yang terdahulu, kita akan kembangkan dengan menambahkan beberapa script untuk mengidentifikasi event pada Mouse OnClick.

cukup tambahkan inisialisasi klik event mouse didalam fungsi GBrowserIsCompatible

	  	var myListener = GEvent.bind(map,'click',this, function(overlay, point){
			if(point){
				var marker = new GMarker(point, {icon:ico_jin, draggable: true});
				map.addOverlay(marker);
				document.getElementById("info").innerHTML = "Informasi Latitude-Longitude : "+point;
			}
		});

Tambahkan div baru lagi di HTML anda, silahkan taruh dimanapun, div ini berfungsi untuk menampilkan informasi latitude longitude pas diKlik

<div id="info"></div>

Hasilnya akan seperti ini

CMIIW…. Selamat Mencoba😀

Comments
  1. jual laptop says:

    wah ilmu baru lagi nih….terimakasih lagi ya mas…..🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s