3

我正在使用 Google Maps APIv3、jQuery 1.9.1、JQuery Mobile 1.3.1 和 Phonegap 2.9.0 并修改了我的代码：http: //jsfiddle.net/vkpWK/ 我相信一定有什么事情发生了在这 3 行代码中：

// Assign Search Box
input = /** @type {HTMLInputElement} */ (document.getElementById('searchTextField')),
searchBox = new google.maps.places.SearchBox(input);

// Event Listener - Move the Map on Search Results
google.maps.event.addListener(searchBox, 'places_changed', function () {

在 Phonegap 中，此代码有效，但是当您看到 SearchBox 的建议下拉列表时，您无法单击它们。点击它们什么都不做。我正在寻找一种方法来让对建议的点击实际触发“places_changed”事件。

为了让事情变得复杂，这里是踢球者。此代码有效。它可以在台式机和 iOS / Android 上正常工作。您可以单击搜索结果，它会按预期工作，地图将更新到新搜索的位置。但是，它在 Phonegap 中对我不起作用。我有一种不好的感觉，这在某种程度上是一个 CSS 问题，或者可能是其他一些 JS 侦听器不允许这种情况发生。我怎样才能检验这个理论？

作为替代方案，我使用 google.maps.places.Autocomplete 代替 google.maps.places.SearchBox 进行了测试，但没有帮助。

谢谢！

4

1 回答 1

-1

在我的index.html's <head>：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

此外，如果您能够看到非常小的字体和 UI，请尝试替换<meta>：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

于 2013-07-10T11:38:36.210 回答