使用jQuery Mobile自動完成Google Maps

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);