2012-11-03 37 views
0

前言:我已经联系谷歌和阅读文档。当这完成后,它会显示在下一页的地图,并在第一次自动提示 - 我不会违反条款和条件这样,所以请不要开始火焰战争最小谷歌地理编码器不返回任何结果

我已经设置关于尝试创建我自己的最小地理编码器,该地理编码器在当前页面上显示地图而不显示地图。我发现没有示例代码在线做这个!我是jquery的新手,但这是我能想到的最好的。然而,低,看它不起作用。

我相信我做了一些愚蠢的事情,所以我很感激,如果有人能让我知道,如果他们发现任何明显的原因,为什么这不起作用。我从来没有做过一个JavaScript之前。

的jsfiddle链接:http://jsfiddle.net/njDvn/9/

<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> 

+2

小心!您正在使用v = 3.exp参数加载** experimental **版本。此版本不稳定,您的代码可能随时停止工作。如果可以,请避免在生产站点上使用此版本。 – Marcelo

+0

我不知道这个,谢谢。 – Jimmy

回答

2

以及第2两件事我能看到的是,该按钮的onclick呼吁codeAddress(),但是你有没有宣称的功能 - 你可以改变到getLatLng(),它应该工作。加上<body onload正在呼叫initialize()这也没有宣布。虽然这不应该阻止geocoder发射你应该可能修复它。

+0

棒极了!!!!! http://jsfiddle.net/njDvn/10/ 谢谢。 – Jimmy

相关问题