谷歌地方可以买到经纬度(Google Places get LatLng)

2019-07-21 06:31发布

我使用的是自动完成的方法来获取地点的建议,当我点击我要选择的地方,我想提取的LatLng这是摆在place.geometry.location如下。

按我的观察,按键ibjb保持与每个会话改变。 有没有什么办法可以提取LatLng可预见的?

$(document).ready(function() {

    var mapOptions = {
        center : new google.maps.LatLng(-33.8688, 151.2195),
        zoom : 13,
        mapTypeId : google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById('map'), mapOptions);

    $('#searchTextField').bind('keydown keypress', function() {
        setTimeout(function() {
            var inputQuery = $('#searchTextField').val();

            if (inputQuery.length >= 2) {
                //console.log(inputQuery);

                /*
                var service = new google.maps.places.AutocompleteService();

                service.getPlacePredictions({
                    input : inputQuery
                }, callback);
                */

                var input = document.getElementById('searchTextField');
                var options = {
                    types : ['geocode']
                };

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

                // Acting on Selecting a place
                google.maps.event.addListener(autocomplete, 'place_changed', function() {
                    //infowindow.close();
                    var place = autocomplete.getPlace();

                    console.log(place);
                    console.log(place.formatted_address);
                    console.log(place.name);
                    console.log(place.geometry.location);
                    console.log(place.geometry.location[0]);

                    // Show the map to the current location selected
                    if (place.geometry.viewport) {
                        map.fitBounds(place.geometry.viewport);
                    } else {
                        map.setCenter(place.geometry.location);
                        map.setZoom(17);
                        // Why 17? Because it looks good.
                    }

                    var marker = new google.maps.Marker({
                        position : place.geometry.location,
                        map : map,
                        draggable : true,
                    });

                    $.each(place.geometry.location, function(key, value) {
                        console.log(key + ": " + value);
                    }); 
                });
            }

        }, 0);

    });
});

Answer 1:

place.geometry.locationLatLng ,这样你就可以调用它的.lat().lng()方法。

var location = place.geometry.location;
var lat = location.lat();
var lng = location.lng();

你会看到,这些方法都存在于你的这个对象的检查。

切勿使用无证属性,如ibjb你发现。 谷歌编译使用地图API 关闭编译器或类似的工具,它产生私有属性和随机变量的名称。



文章来源: Google Places get LatLng