が短い例です:
your_page.html
<script src="http://maps.google.com/maps?file=api&v=2&key=xxx;hl=en" type='text/javascript'></script>
<script type='text/javascript'>
var draggable_marker = null;
$(document).ready(function() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById('map_div'));
map.addControl(new GSmallMapControl());
draggable_marker = new GMarker(new GLatLng(42.6976489, 23.3221545), {draggable : true,title : "Place this marker to your location");
GEvent.addListener(draggable_marker, 'dragend', function() {
RubyGmap.setPosition(draggable_marker);
});
GEvent.addListener(map, 'click', function(overlay, latlng, overlaylatlng){
RubyGmap.setMarkerPosition(draggable_marker, latlng);
});
}
});
</script>
<div id="map_div" style="width:690px;height:340px;" ></div>
ruby_gmap.js
RubyGmap = {
setPosition: function(marker) {
$('#latitude_field').val(marker.getLatLng().lat());
$('#longitude_field').val(marker.getLatLng().lng());
},
setMarkerPosition: function(marker, latlng) {
SELECTED = true;
map.addOverlay(marker);
marker.setLatLng(latlng);
RubyGmap.setPosition(marker);
}
}
あなたの提案が私の問題を解決するのに役立ちました – Erika