php - 谷歌地图根据经纬度值变化变化

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>

它工作正常，但我希望地图位置在纬度和经度值改变时改变。

score 1 · Accepted Answer

如果您使用 jQuery，这非常简单。

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

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

    map.panTo( latlng );

}

score 0 · Accepted Answer

    <html> 
    <body>
    <input type="number"  id="txtlat" name="txtlat" placeholder="Latitude">
     <input type="number" id="txtlng" name="txtlng" placeholder="Longitude">
     <button onclick="fncheck()">Click</button>
    </body>
   <script>
     var latlng = new google.maps.LatLng(x, y);
  </script>
  </html>

php - 谷歌地图根据经纬度值变化变化

2 回答 2

Related

Reference