在谷歌地圖上點擊jquery更新經緯度值的文本字段

Question

正如標題所說的在鼠標單擊上我想添加一個標記到點擊位置，然後在正確的文本字段中顯示座標，一切都很好，只有JQuery沒有更新我的文本字段。

<script> 
var map; 
var markersArray = []; 
function initialize() { 
    var mapOptions = { 
    zoom: 15, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    disableDefaultUI: false, 
    zoomControl: true, 
    zoomControlOptions: { 
    style: google.maps.ZoomControlStyle.LARGE 
    } 
}; 

    map = new google.maps.Map(document.getElementById('gmaps'), 
    mapOptions); 

    google.maps.event.addListener(map, 'click', function(event) { 
    var latitude = event.latLng.lat(); 
    var longitude = event.latLng.lng(); 
    deleteOverlays(); 
    addMarker(event.latLng); 
    updateTextFields(latitude, longitude); 
    }); 

    google.maps.event.addListener(marker, 'click', function(event) { 
    showInfo(window); 
    }); 

} 

function updateTextFields(lati, longi) { 
    $('#inputLatitude').change(function() { 
    $('#inputLatitude').val(lati); 
    }); 
    $('#inputLongitude').change(function() { 
    $('#inputLongitude').val(longi); 
    }); 
} 


function addMarker(location) { 
    marker = new google.maps.Marker({ 
    position: location, 
    map: map 
    }); 
    markersArray.push(marker); 
} 

function deleteOverlays() { 
    if (markersArray) { 
    for (i in markersArray) { 
     markersArray[i].setMap(null); 
    } 
    markersArray.length = 0; 
    } 
} 

function loadScript() { 
    var script = document.createElement('script'); 
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&' + 
    'callback=initialize'; 
    document.body.appendChild(script); 
} 
$(document).ready(function() { 
$(window).resize(function() { 
    var h = $(window).height(), 
     offsetTop = 190; // Calculate the top offset 

    $('#gmaps').css('height', (h - offsetTop)); 
    }).resize(); 
}); 

window.onload = loadScript; 
</script> 

Answer 1

jQuery更改用於檢測輸入的更改值。 只是revrite你的函數是這樣的：

function updateTextFields(lati, longi) { 
    $('#inputLatitude').val(lati); 
    $('#inputLongitude').val(longi); 
}