使用jQuery Mobile自动完成Google地图

Question

我想要以下内容：

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

如何实现第1页？我发现了Google地图商家信息的自动填充功能，但我想将其用于地址。

修改： 这是我的第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);