HTML Google Maps API参考

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML Google Maps API参考相关的知识,希望对你有一定的参考价值。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

html Google Maps API自动填充功能


    <head>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
    </head>
    <body>
        <label for="locationTextField">Location</label>
        <input id="locationTextField" type="text" size="50">
         
        <script>
            function init() {
        var autocomplete = new google.maps.places.Autocomplete(document.getElementById("locationTextField"));

        google.maps.event.addListener(autocomplete, 'place_changed', function () {

        var place = autocomplete.getPlace();
        var location = "Address: " + place.formatted_address + "<br/>";
   location += "Latitude: " + place.geometry.location.lat() + "<br/>";
      location += "Longitude: " + place.geometry.location.lng();
      console.log(location)
        });
            }
 
            google.maps.event.addDomListener(window, 'load', init);
        </script>
    </body>
</html>

以上是关于HTML Google Maps API参考的主要内容,如果未能解决你的问题,请参考以下文章

html Google Maps API自动填充功能

html Google Maps API的调整测试

html Google Maps APIの记述例。

Unversioned Javascript Google Maps API参考拉(破)实验版

google maps js v3 api教程 -- 在地图上添加标记

google maps js v3 api教程 -- 创建一个地图