我需要帮助理解的Javascript Google Map API函数

时间:2019-06-19 08:06:26

标签: javascript html

我主要从事后端工作,并且对javascript的了解很少(强调单词little)。我遇到了嵌入网站html页面中的一些javascript代码。现在我不确定这里发生了什么。

我了解的是,这是某种形式的javascript google map API函数(也许我错了)。我需要了解的是它在做什么。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api    
    /js?key=*********************&libraries=places">
</script>
<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
        var places = new google.maps.places.Autocomplete(document.getElementById('txtPlaces'));
        google.maps.event.addListener(places, 'place_changed', function () {                                                                                                
            var place = places.getPlace();
            var address = place.formatted_address;
            var latitude = place.geometry.location.lat();
            var longitude = place.geometry.location.lng();
            var mesg = "Address: " + address;
           /* mesg += "\nLatitude: " + latitude;
            mesg += "\nLongitude: " + longitude;
            alert(mesg);*/
    document.getElementById('locc').value =   address;
        document.getElementById('latttt').value = latitude;
       document.getElementById('lonnnn').value = longitude;
        });
    });
</script>
<input type="hidden" name="loc" id="locc" value="">
<input type="hidden" name="latitu" id="latttt" value="">
<input type="hidden" name="longitu" id="lonnnn" value="">

1 个答案:

答案 0 :(得分:0)

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete

然后根据Google地图中的数据设置三个输入框的值。

(另外,我会在脚本标签中隐藏个人api键,以防万一)