下面是我的代码,当我更改警报以返回并单击按钮时,结果不会显示。请教我如何在单击按钮时更改警报部分,它应该在页面中返回json结果。非常感谢你!
<script type="text/javascript">
<!--
function GetLocation() {
var geocoder = new google.maps.Geocoder();
var address = document.getElementById("txtAddress").value;
geocoder.geocode({ 'address': address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
alert("Latitude: " + latitude + "\nLongitude: " + longitude);
} else {
alert("Request failed.")
}
});
};
//-->
</script>
答案 0 :(得分:0)
我不知道您的HTML代码是什么样的,所以我将举例说明div
。
<body>
<button onclick="GetLocation()">Click me</button>
<div id="resultdata"></div>
</body>
要在resultdata
中显示,您可以像这样使用innerHTML
。
<script type="text/javascript">
function GetLocation() {
var geocoder = new google.maps.Geocoder();
var address = document.getElementById("txtAddress").value;
geocoder.geocode({ 'address': address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
//get JSON data.
var JSONData = JSON.stringify({"Latitude": latitude, "Longitude": longitude});
document.getElementById("resultdata").innerHTML = JSONData;
} else {
alert("Request failed.");
}
});
};
</script>
希望得到这个帮助。