使用 jQuery Mobile 自动完成谷歌地图

Question

我想要以下：

• 第 1 页：搜索字段。用户可以输入他的地址，它会自动完成。提交地址后，我们继续第2页
• 第 2 页：用户可以看到 Google 地图，以他输入的地址为中心

如何实现第 1 页？我找到了 Google Maps Places 的自动填充功能，但我想要它作为地址。

编辑： 那是我第 1 页的脚本，但是如何将输入的地址传递到下一页并重定向到下一页？

<div data-role="content">
    <label for="searchAddress">Search:</label>
    <input type="text" id="searchAddress" name="searchAddress" />
    <input type="button" id="addAddress" value="Search"/>
</div>

---

<script type="text/javascript">
    var input = document.getElementById('searchAddress');
    var options = {componentRestrictions: {country: 'us'}};

    new google.maps.places.Autocomplete(input, options);
</script>

Answer 1

//设置在第1页提交

localStorage.setItem('searchAddress', $('#searchAddress').val()); 

//在第2页

var input = localStorage.getItem('searchAddress');
var options = {componentRestrictions: {country: 'us'}};
new google.maps.places.Autocomplete(input, options);