我正在尝试制作一个 mashup 应用程序，该应用程序可以从 Restful Web 服务获取 json 输出。 mashup 应用程序从 JSON 响应中获取纬度和经度数据，然后将其指向嵌入式良好地图中。
<html>
<form>
Post Code:<br>
<input type="text" id="postcode"><br>
<button onclick="getdata()">Submit</button>
</form>
<h1>Location on Google Map</h1>
<div id="map" style="width:400px;height:400px;background:yellow"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function getdata() {
var value1 = $("input#postcode").val();
var settings = {
"async": true,
"crossDomain": true,
"url": "http://localhost:8080/getlocation?postcode=" + value1,
"type": "POST",
"method": "GET"
}
$.ajax(settings).done(function(response) {
data = JSON.parse(response);
console.log(data['4000']['Latitude']);
var lat = data['4000']['Latitude'];
var lng = data['4000']['Longitude'];
init(lat, lng);
});
function init(lat, lng) {
latlng = new google.maps.LatLng(lat, lng);
var mapOptions = {
center: new google.maps.LatLng(lat, lng),
zoom: 20,
mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var customMarker = new google.maps.Marker({
position: latlng,
map: map,
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=getdata"></script>
</html>
但是我无法将不同的值传递给参数"邮政编码" "http://localhost:8080/getlocation?postcode="。传递的值应为 4010,4011 等
我认为这是因为您的<script src="https://maps.googleapis.com/maps/api/js?callback=getdata"></script>是在自定义脚本之后启动的。谷歌地图 API 应该在你的代码之前声明。将其放在包含自定义代码的<script>标签上方