谷歌地图api自动完成国家

时间:2017-05-20 09:43:33

标签: google-maps autocomplete google-maps-autocomplete

如果选择了,我想只在特定国家/地区获取地址。我的代码是:

var country="";
    $("select[name='country_id']").change(function () {
        co=$("select[name='country_id']").val();

    });
    function initialize() {
        var options={};
        if(country){
         options = {
                types: ['geocode'],
                componentRestrictions: {country: country}
            };
        }else{
            options = {
                types: ['geocode']
            };
        }

        var input = document.getElementById('address');
        var autocomplete = new google.maps.places.Autocomplete(input,options);

        google.maps.event.addListener(autocomplete, 'place_changed', function () {
        //...
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);

但是我的国家价值总是空的。 我如何处理国家以获得其价值?请帮帮我。谢谢!

1 个答案:

答案 0 :(得分:0)

每次使用新国家var country = ""; $("select[name='country_id']").change(function() { country = $("select[name='country_id']").val(); $('#searchTextField').attr('placeholder','search form '+$("select[name='country_id'] option:selected").text()) $('#input').show(); initialize() }); function initialize() { var input = document.getElementById('searchTextField'); var options = { componentRestrictions: { country: country } }; var autocomplete = new google.maps.places.Autocomplete(input, options); google.maps.event.addListener(autocomplete, 'place_changed', function() { var place = autocomplete.getPlace(); var lat = place.geometry.location.lat(); var long = place.geometry.location.lng(); alert(lat + ", " + long); }); }

时,您都必须初始化自动填充功能

Fiddle demo

JS

 server {
     listen 80;
     server_name mysite.com www.mysite.com;
     return 301 https:$server_name$request_uri;

     location /static {
         alias /home/deploy/sites/mysite.com/static;
     }
     location / {
         proxy_set_header Host $host;
         proxy_pass http://unix:/tmp/mysocket.socket;
     }

     location ^~ /.well-known/acme-challenge/ {
             default_type "text/plain";
                 root /var/www/html;
     }
 }

 server {
     listen 443 ssl http2;
     server_name mysite.com www.mysite.com;
     root /var/www/html;

     ssl_certificate /etc/letsencrypt/live/mysite.com/fullchain.pem;
     ssl_certificate_key /etc/letsencrypt/live/mysite.com/privkey.pem;

     ssl_session_timeout 1d;
     ssl_session_cache shared:SSL:10m;
     ssl_session_tickets off;
     ssl_protocols TLSv1.1 TLSv1.2;

     ssl_ciphers
                                                                                 'ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-   GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-      AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA:ECDHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-RSA-AES256-       SHA256:DHE-RSA-AES256-SHA:ECDHE-ECDSA-DES-CBC3-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:DES-    CBC3-SHA:!DSS';
    ssl_prefer_server_ciphers on;

 # HSTS (ngx_http_headers_module is required) (15768000 seconds = 6 months)
    add_header Strict-Transport-Security max-age=15768000;


}
相关问题