php - Google map 緯度経度値の変化に合わせて変化

Question

現在この Javascript を使用しています -

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script language='javascript'> 
    window.onload = function() { 
        var latlng = new google.maps.LatLng(<?php echo $lat; ?>, <?php echo $long; ?>);
        var map = new google.maps.Map(document.getElementById('map'), {
          center: latlng,
            zoom: 11,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: 'Set lat/lon values for this property',
            draggable: true
        });
        google.maps.event.addListener(marker, 'dragend', function(a) {
            console.log(a);
                document.getElementById("Latitude").value = this.getPosition().lat();
                document.getElementById("Longitude").value = this.getPosition().lng();  

            });
        };
     </script>

正常に動作しますが、緯度と経度の値が変更されたときにマップの場所を変更したいと考えています。

Answer 1

jQuery を使用する場合、これは非常に簡単です。

$('#Latitude,#Longitude').click(function(){
    var lat = $('#Latitude').val();
    var lng = $('#Longitude').val();

    var latlng = new google.maps.LatLng( lat, lng);

    map.panTo( latlng );

}