码迷,mamicode.com
首页 > 编程语言 > 详细

使用Javascript从Google Places搜索api获取纬度和经度

时间:2019-07-04 17:34:42      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:targe   ash   tar   相同   ddr   ==   atl   src   text   

如何使用谷歌地图搜索框api从搜索到的位置获取经度和纬度.

 我使用与谷歌演示相同的代码 – https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

 

搜索代码:

<script type="text/javascript">
    //自动搜索
    function initMap() {
        var input = document.getElementById(‘address_search‘);
        var places = new google.maps.places.Autocomplete(input);
        google.maps.event.addListener(places, ‘place_changed‘, function () {
                var place = places.getPlace();
                var address = place.formatted_address;
                var latitude = place.geometry.location.A;
                var longitude = place.geometry.location.F;
                var mesg = "Address: " + address;
                mesg += "nLatitude: " + latitude;
                mesg += "nLongitude: " + longitude;
                console.log(place);
                GetLatlong();
        });
    }
    //根据google places搜索api获取经纬度
    function GetLatlong()
    {
        var geocoder = new google.maps.Geocoder();
        var address = document.getElementById(‘address_search‘).value;

        geocoder.geocode({ ‘address‘: address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var latitude = results[0].geometry.location.lat();
                var longitude = results[0].geometry.location.lng();
                alert(latitude+","+longitude);
            }
        })
    }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=xxxxx&libraries=places&callback=initMap">
</script>

  

使用Javascript从Google Places搜索api获取纬度和经度

标签:targe   ash   tar   相同   ddr   ==   atl   src   text   

原文地址:https://www.cnblogs.com/mracale/p/11133530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!