geocoder.geocode()未被执行
我使用地理编码API将一个地址转换为long和lat，然后用接收到的坐标分配一个隐藏的输入值，而不是使用这些数据在地图上绘图。
我使用面向javascript库的客户机，这里是我的javascript，稍微修改了一下。
<script>
function initMap() {
var geocoder = new google.maps.Geocoder();
geocodeAddress(geocoder);
console.log('initMap');
}
function geocodeAddress(geocoder, resultsMap) {
var address = document.getElementById('address').value;
console.log('geocodeAddresses');
geocoder.geocode({'address': address}, function(results, status) {
console.log('geocoder.geocode');
if (status === google.maps.GeocoderStatus.OK) {
console.log('status OK');
document.getElementById('lnglat').value = results[0].geometry.location;
console.log(results[0].geometry.location);
} else {
console.log('status error');
}
});
}
</script>当我在firebug中看到输出时，我可以从geocoder.geocode中看到"initmap“、"geocodeAddresses”。
我看不出有什么原因，我没有在firebug中得到任何错误，所有必需的文件都在那里，我的API密钥也包含在其中并且有效。
耽误您时间，实在对不起
编辑：看起来好像根本没有运行geocoder.geocode，当我在geocodeAddress的末尾添加一个console.log时，它完全跳过了geocoder.geocode。为什么这是因为在firebug中没有显示错误。
回答 2
Stack Overflow用户
发布于 2016-06-17 17:29:34
当您提交表单时，它将重新加载页面，并且永远不会调用Geo编码器函数。
添加action="javascript:void(0);" on <form>以阻止它重新加载页面，并在<button>上添加onclick事件以调用您的Geo编码器函数。
<body>
<form action="javascript:void(0);" id="search">
<input name="query" type="text" required/>
<input name="l" type="text" id="address" required/>
<input name="lnglat" type="text" id="lnglat" />
<button id="submit" onclick="query()" disabled="true">Submit</button>
</form>
</body>Stack Overflow用户
发布于 2016-06-16 03:11:06
确保Google脚本在javascript之前，并且您不需要在URL中回调
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD77MKXXXX-T_xxxewvLrhFqn5cA0m-xxx"></script>
function geoCode(street,city,state,zip){
var geocoder = new google.maps.Geocoder();
var address = street + ' ' + city + ' ' + state + ' ' + zip;
geocoder.geocode({'address': address}, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
var myResult = results[0].geometry.location; // reference LatLng value
var myArray = myResult.toString().slice(1, -1).split(', ');
alert (parseFloat(myArray[0]) + parseFloat(myArray[1]));
} else {
alert('Map location not found. Please adjust address. Error: ', status);
}
});
}https://stackoverflow.com/questions/37718074
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号