Javascript 最小谷歌地理编码器不返回任何结果
前言:我已经联系谷歌并阅读了文档。完成后,它将在下一页显示地图,并在第一页显示autosuggest-我不会以这种方式违反条款和条件,因此请不要启动火焰战 我已经开始尝试创建我自己的最小地理编码器,它在当前页面上不显示地图的情况下进行地理编码。我发现网上没有这样做的示例代码!我不熟悉jquery,但这是我能想到的最好的方法。然而,低,看它不工作 我确信我做了一些愚蠢的事情,所以如果有人能让我知道他们是否发现了任何明显的原因,为什么这样做行不通,我将不胜感激。我以前从未做过javascript JSIDLE链接:Javascript 最小谷歌地理编码器不返回任何结果,javascript,google-maps,google-maps-api-3,geocode,Javascript,Google Maps,Google Maps Api 3,Geocode,前言:我已经联系谷歌并阅读了文档。完成后,它将在下一页显示地图,并在第一页显示autosuggest-我不会以这种方式违反条款和条件,因此请不要启动火焰战 我已经开始尝试创建我自己的最小地理编码器,它在当前页面上不显示地图的情况下进行地理编码。我发现网上没有这样做的示例代码!我不熟悉jquery,但这是我能想到的最好的方法。然而,低,看它不工作 我确信我做了一些愚蠢的事情,所以如果有人能让我知道他们是否发现了任何明显的原因,为什么这样做行不通,我将不胜感激。我以前从未做过javascript J
函数getLatLng(){
var geocoder=new google.maps.geocoder();
var address=document.getElementById('address')。值;
地理编码({
“地址”:地址
},功能(结果、状态){
if(status==google.maps.GeocoderStatus.OK){
var latLng=results[0]。geometry.location;
$('#lat').val(结果[0].geometry.location.lat());
$('#lng').val(结果[0].geometry.location.lng());
}否则{
警报(“地理编码因以下原因未成功:“+状态”);
}
});
}
首先我能看到的两件事是,按钮的
onclick
正在调用codemaddress()
,但您尚未声明该函数-您可以将其更改为getLatLng()
,然后它应该可以工作。再加上小心!您正在加载带有v=3.exp参数的实验版本。此版本不稳定,您的代码随时可能停止工作。如果可以,请避免在生产站点上使用此版本。我不知道这一点,谢谢。
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
function getLatLng() {
var geocoder = new google.maps.Geocoder();
var address = document.getElementById('address').value;
geocoder.geocode({
'address': address
}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latLng = results[0].geometry.location;
$('#lat').val(results[0].geometry.location.lat());
$('#lng').val(results[0].geometry.location.lng());
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
<div>
<input id="address" type="textbox" value="Sydney, NSW">
<input type="button" value="Geocode" onclick="codeAddress()">
<input id="lat" type="textbox" value="lat">
<input id="lng" type="textbox" value="lng">
</div>
</body>
</html>