Google商家信息地址查询无效

时间:2016-10-28 02:21:44

标签: wordpress google-maps-api-3 google-places-api

我遇到了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);        
    });
});

}

1 个答案:

答案 0 :(得分:0)

好的 - 我已经弄清楚了。

I removed the function initialize() {  ...  }

并将其替换为:

jQuery(document).ready(function($){  ...  });