Autocomplete framework7自动完成google places api

我用framework7创建了一个混合应用程序。我想用googleplacesapi实现framework7的autocomplete（）特性，因为它有很多选项，而不是显示数组的结果。我想谷歌的地方API的结果

我怎么做？

---

我尝试了标准的google places API javascript，但它没有经过优化。

很简单，创建您的输入并在页脚中从google加载API：

<div class="item-content ad-address-holder">
        <div class="item-inner">
            <div class="item-input">
                <input class="address-text" id="address-text" placeholder="Enter a location" type="text">
            </div>
        </div>
</div>

结果:

---

创建您的输入并在页脚中从google加载API很简单：

<div class="item-content ad-address-holder">
        <div class="item-inner">
            <div class="item-input">
                <input class="address-text" id="address-text" placeholder="Enter a location" type="text">
            </div>
        </div>
</div>

结果:

---

框架7 html元素：

 <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init">
    <div class="searchbar-input">
       <input id="pac-input" class="controls address-text" type="search" placeholder="add city">
    </div><a href="#" class="searchbar-cancel">Cancel</a>
 </form>

---

框架7 html元素：

 <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init">
    <div class="searchbar-input">
       <input id="pac-input" class="controls address-text" type="search" placeholder="add city">
    </div><a href="#" class="searchbar-cancel">Cancel</a>
 </form>

---

您必须在Framework7的pageInit事件中将输入框与GooglePlaceWidgets的AutoComplete类绑定

<input id="pac-input" type="text" placeholder="Enter a location">

---

您必须在Framework7的pageInit事件中将输入框与GooglePlaceWidgets的AutoComplete类绑定

<input id="pac-input" type="text" placeholder="Enter a location">

<input id="pac-input" type="text" placeholder="Enter a location">

var app = new Framework7({
  on: {
    pageInit: function () {
      var input = document.getElementById('pac-input');
      var autocomplete = new google.maps.places.Autocomplete(input);
      autocomplete.addListener('places_changed', function() {
         var places = autocomplete.getPlaces();
         ************ Implement your Logic here *********
      });
    }
  }
})