
Harita işlerinde en çok kullandığım google map’ın jquery eklentisi olan gMap3’ün bazı metodlarından örnekler ;
Örnek olarak markup ile tutup bıraktığımız yerin lat ve lng değerlerini inputlara yazalım, jsleri dahil ettiğimi var sayıyorum
<label> Lat : <input type="text" id="lat" /> </label> <label> Lng : <input type="text" id="lng" /> </label> <div id="test1"></div>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script src="assets/js/gmap3.min.js"></script>
$(function(){
$('#test1').gmap3({
map:{
options:{ // bildiğimiz google map ayarları
center:[39.929445, 32.741780], // konumlama diyelim
zoom:8,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
navigationControl: true,
scrollwheel: true,
streetViewControl: true
}
},
marker:{
latLng:[39.929445,32.741780], // ilk görüntülenen kordinatlar diyelim
options:{
draggable:true // markeri tut bırak özelliği
},
events:{
dragend: function(marker,event){ // marker bırakıldığında
$('input#lat').html(""); // #lat inputunu temizle
$('input#lng').html(""); // #lng inputunu temizle
$('input#lat').val( marker.position.lat()); // yeni lat kordinatını yaz
$('input#lng').val( marker.position.lng()); // yeni lat kordinatını yaz
}
}
}
});
});
</script>
Kaynak : http://gmap3.net/

