Google Maps v3 - 限制功能可以使用的区域

时间:2015-08-25 17:07:28

标签: javascript google-maps google-maps-api-3

在我使用Google Maps API v3的javascript代码中,我尝试设置自动完成功能的界限,只要我在输入字段(html)中输入一个字母就可以正常工作,相同的自动完成功能会告诉我地址可以在边界区域找到,但是如果我输入一个超出界限的城市名称,我也可以获得有关该城市和其他城市的建议。有办法避免这种情况吗?我想对我的“界限”只提出建议。

这是一段代码:

init = function() {

    var latlng = new google.maps.LatLng(40.635636, 17.942414);
    var mapOptions = { zoom: 13, center: latlng, minZoom: 10, maxZoom: 16};

    default_bounds = new google.maps.LatLngBounds();    
    default_bounds.extend(new google.maps.LatLng(40.635636-0.33, 17.942414-0.33));
    default_bounds.extend(new google.maps.LatLng(40.635636+0.33, 17.942414+0.33));

    console.log("Initialing map at: 40.635636, 17.942414");

    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    originAutocomplete = new google.maps.places.Autocomplete(document.getElementsByName("origin")[0], {types: ['geocode']});
    destinationAutocomplete = new google.maps.places.Autocomplete(document.getElementsByName("destination")[0], {types: ['geocode']});

    originAutocomplete.setBounds(default_bounds);
    destinationAutocomplete.setBounds(default_bounds);

}

正确的图像:(仅显示意大利南部普利亚大区的地方) correct image 图像不正确:(显示许多不同地区的地方) Incorrect

0 个答案:

没有答案