我使用谷歌地图API v3获得谷歌地图。 我所拥有的是手风琴中的Google地图,用户可以点击并放置标记和lat&的值。 lon在顶部填充两个文本框。
这部分工作正常,下面的脚本。 但我现在想要的文本框中充满了lat&如果用户在文本框标记中更改lat或lon的值,则需要相应地更改。
var map = null;
function initialize() {
var myLatlng = new google.maps.LatLng(25.263327,55.329895);
var myOptions = {
zoom: 10,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker;
function placeMarker(location) {
if ( marker ) {
marker.setPosition(location);
} else {
marker = new google.maps.Marker({
position: location,
map: map
});
}
}
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
document.getElementById("latFld").value = event.latLng.lat();
document.getElementById("lngFld").value = event.latLng.lng();
});
}
$(document).ready(function() {
$("#accordion").bind('accordionchange', function(event, ui) {
if (ui.newContent.attr('id') == 'tabThree' && !map)
{
map = initialize();
}
});
});
答案 0 :(得分:0)
这样的事可能有用:
function updatePosition(){
var lat = parseFloat(document.getElementById("latFld").value);
var lon = parseFloat(document.getElementById("lngFld").value);
if (lat && lon) {
var newPosition = new google.maps.LatLng(lat,lon);
placeMarker(newPosition);
}
}
...并在您的HTML中
<input id ='latFld' onkeyup='updatePosition()'>
<input id ='latFld' onkeyup='updatePosition()'>
您可能希望使用onchange而不是onkeyup来减少过度活跃。 : - )