我遇到了Googlemaps API的问题,特别是地方库。这都是使用WordPress。
我在这里建立了一个注册表单:http://dabble.market/cms/sign-up/
我完全复制了我在localhost中构建的内容。我的底部字段标有:"地址将显示在我们的地图上。开始输入&从列表中选择。"使用地方库连接到Googlemaps API。然后它就可以完全正常地运行Google的地址查找/自动完成功能。地址自动完成运行后,它使用下面编写的JS将完整地址和lat / lng coords返回给用户。
现在我已将其迁移到网站的实时版本,地址查找功能不再有效。
非常感谢任何帮助。
var address, latitude, longitude, addressString;
function initialize() {
google.maps.event.addDomListener(window, 'load', function () {
var options = {
componentRestrictions: {country: "nz"}
};
var input = document.getElementById('txtPlaces');
var places = new google.maps.places.Autocomplete(input, options);
google.maps.event.addListener(places, 'place_changed', function () {
var place = places.getPlace();
if (!place.geometry) {
jQuery('#error').css("display", "inherit");
return;
}
else{
jQuery('#error').css("display", "none");
}
address = place.formatted_address;
latitude = place.geometry.location.lat();
longitude = place.geometry.location.lng();
addressString = "Address: " + address + "\n" + "Latitude: " + latitude + "\n" + "Longitude: " + longitude;
jQuery('#geocoords-hidden').val(addressString);
jQuery('#addressContainer').css("display", "inherit");
jQuery('#addressInfo').text("Address: " + address);
jQuery('#addressInfo1').text("Latitude: " + latitude);
jQuery('#addressInfo2').text("Longitude: " + longitude);
});
});
}
答案 0 :(得分:0)
I removed the function initialize() { ... }
并将其替换为:
jQuery(document).ready(function($){ ... });