javascript - 将 Google map 地址查找限制为特定邮政编码

标签 javascript google-maps

如何将 Google map 地址查找服务限制为特定邮政编码或城市/城镇的街道名称。它目前为我提供了英国的所有地址,但我想将其限制为仅英国伯明翰的地址(B 邮政编码)。

到目前为止的代码

JS

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

function addressLookup() {
      var options = {
        componentRestrictions: {
            country: 'uk'
        }
    };
    var address = document.getElementsByClassName('form-control booking address');


    for(var i=0; i< address.length; i++){
    new google.maps.places.Autocomplete(address[i], options);
    }
        //new google.maps.places.Autocomplete(address, options);
}

HTML

<input type="text" class="form-control booking address" id="pickup" placeholder="From">
<input type="text" class="form-control booking address" id="destination" placeholder="To">

Fiddle here

最佳答案

例如,如果伯明翰邮政编码的定义以 B 开头,并且我假设您要循环的 address 数组中的每个值都是一个邮政编码(是吗?):

function isBirmingham(postcode) {
    return postcode.substr(0, 1) === 'B';
}

function addressLookup() {
    var options = {
        componentRestrictions: {
            country: 'uk'
        }
    };
    var address = document.getElementsByClassName('form-control booking address');

    for (var i = 0; i < address.length; i++) {
        if (isBirmingham(address[i])) {
            new google.maps.places.Autocomplete(address[i], options);
        }
    }
}

更新:

在自动完成选项中设置 componentRestrictions 怎么样?请参阅https://developers.google.com/maps/documentation/javascript/reference#AutocompleteOptions - 文档仅提到您可以指定一个国家/地区。然而this article演示如何使用邮政编码。

关于javascript - 将 Google map 地址查找限制为特定邮政编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28722868/

相关文章:

javascript - 在 javascript 中将 6*6 数组转换为 3*3 数组的问题

javascript - Google map 和 Fusion 表 - 加载错误

javascript - 将字符串格式的 html 元素附加到元素,在元素周围添加双引号

javascript - 使用 PhoneGap/Cordova 写入文件期间 iOS UI 卡住

javascript - KnockoutJS 绑定(bind)选择

android - Intent 在谷歌地图上直接转弯导航以及交通方式

javascript - Google Maps Api,自定义标记 anchor

javascript - meteor 测试 : Mocha doesn't find all test files

jquery - Google map 无法在 jQuery 选项卡中运行

python - 在 Google App Engine 上显示生成的 jpg map