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

Posted 2023-05-09

【中文标题】使用 jQuery Mobile 自动完成谷歌地图

【英文标题】：Google Maps autocomplete with jQuery Mobile

【发布时间】：2014-01-12 04:17:10

【问题描述】：

我想要以下：

第 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>

【问题讨论】：

1.考虑在同一页面上进行。 2. 地点自动完成功能是让 Google 在您在输入字段中键入时建议地点。这就是我不明白您“将地址传递到下一页”的想法的地方

【参考方案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);