Google 位置自动在我的 php 页面中不起作用

Question

我正在使用谷歌自动定位 api，但它没有显示在页面上..你们能找出代码中的问题吗？

我的脚本是：

<script>
        function init() {
            var input = document.getElementById('locationTextField');
            var input2 = document.getElementById('locationTextField2');

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

        }

        google.maps.event.addDomListener(window, 'load', init);
    </script>

我的 html 代码是这样的：

     <input type="text" id="locationTextField" placeholder="Source Location"/>
       <input type="text" id="locationTextField2" placeholder="Destination Location"/>

Answer 1

请在您的站点中使用有效的 api 密钥加载您的脚本，

<script src="https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>&v=3.exp&sensor=false&libraries=places"></script>

这里是示例（没有 api 密钥仅用于演示）：

function initialize() {
  new google.maps.places.Autocomplete((document.getElementById('source')), {
    types: ['geocode']
  });
   new google.maps.places.Autocomplete((document.getElementById('dest')), {
    types: ['geocode']
  });
  
}
google.maps.event.addDomListener(window, 'load', initialize);

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&dummy=.js"></script>

<input id="source" name="source" value="" type="text" size="50" placeholder="Source" />
<input id="dest" name="dest" value="" type="text" size="50" placeholder="Destincation" />