“如何使用Google Maps API使搜索框自动完成”

时间:2019-02-17 20:26:03

标签: html css autocomplete api-design search-box

当试图在搜索框中输入某些内容时,我试图让搜索栏自动完成google maps API的信息

    <input id="searchBox" type="text" class="mainSearch" placeholder="What are you looking for?">

    <script>
    function activatePlacesSearch(){
    var input = document.getElementById('searchBox');
    var autocomplete = new google.maps.places.Autocomplete(input);
    }
    </script>

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDebmgXVzGaZsrccgKseQvx9cuAK-6--kI&libraries=places&callback=activatePlacesSearch">
</script>

我创建了这个视频,就像其中一个视频在youtube上播放时一样,但是没有任何内容。

0 个答案:

没有答案