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 );

}

Answer 2

    <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>

谷歌地图根据纬度和经度值的变化而变化

2 个答案: