2011-09-27 33 views
7

Tôi đã thu hẹp tự động hoàn thành thành khu vực và một giới hạn chỉ bao gồm Úc, nhưng tôi vẫn đang tự động hoàn tất với Chile và Trung Quốc và các quốc gia khác ra khỏi khu vực được chọn. Có ai có giải pháp tốt để khắc phục sự cố này không? Tôi cũng không thể thay đổi kiểu dáng khỏi tính năng tự động hoàn thành của Google, đó là thẻ Div tự tạo với thẻ kiểu để vượt qua phong cách của tôi để tự động hoàn thành DIV? Tôi bắt đầu sử dụng Geocoder và Jquery autocomplete để lọc kết quả nhưng nó không hoạt động cũng như Google Autocomplete các kết quả nhỏ hơn google maps autocomplete?Tự động hoàn thành Google Map V3 Địa điểm không thể tùy chỉnh?

tôi gọi là Thư viện như thế này:

Đây là mã tạo hoàn chỉnh tự động:

var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-47.5765257137462, 106.259765625), 
    new google.maps.LatLng(-9.6, 179.359375)); 

    var options = { 
     bounds: defaultBounds, 
     types: ['geocode'], 
     offset: 5 
    }; 

    var input = document.getElementById('store-locator-header'); 

    var autocomplete = new google.maps.places.Autocomplete(input,options); 

Trả lời

2

Khi Adding Autocomplete với bounds, kết quả là thiên vị hướng, nhưng không bị hạn chế đến, Địa điểm chứa trong các giới hạn này. Điều này giống như khi sử dụng Viewport Biasing trong số Geocoding API. Tôi sợ tôi không có phương pháp lọc ra những đề xuất nằm ngoài phạm vi bounds.

4

Ngày nay, bạn có thể hạn chế đến một quốc gia với:

componentRestrictions: {country: 'chúng ta'},

0

Một cách khác để qucikly tùy chỉnh có thể thiết lập giới hạn thành phần như hình dưới đây

var autocomplete = new google.maps.places.Autocomplete(input); 
//autocomplete.bindTo('bounds', map);//restrict to bounds or viewport 
autocomplete.setComponentRestrictions({'country': 'uk'});//restrict to country 

thêm về địa điểm xu hướng here

0

vấn đề là LatLngBounds hy vọng về phía tây nam và phía bắc-e góc ast.

Thay vì:

var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-47.5765257137462, 106.259765625), 
    new google.maps.LatLng(-9.6, 179.359375)); 

Nó nên là:

var defaultBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-9.6, 106.259765625), 
    new google.maps.LatLng(-47.5765257137462, 179.359375)); 

Có thực sự là documentation to style the UI elements of Autocomplete.

Các vấn đề liên quan