Phonegap：谷歌地图的搜索框/自动完成不适用于iOS /移动

我正在使用谷歌地图APIv3，jQuery 1.9.1，JQuery Mobile 1.3.1和Phonegap 2.9.0，并提出了我的代码小提琴：http://jsfiddle.net/vkpWK/我相信一定有什么东西在这3行代码回事：Phonegap：谷歌地图的搜索框/自动完成不适用于iOS /移动

// 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的此代码的工作，但是当你都带有的建议搜索框的下拉列表中，你不能点击。点击它们什么都不做。我正在寻找一种方法，让建议的点击实际上触发'places_changed'事件。

使事情变得复杂，这里是踢球者。此代码有效。它可以在桌面和iOS/Android上使用。您可以点击搜索结果并按预期工作，地图会更新到新搜索的位置。但是，它并不适用于Phonegap中的我。我有一种不好的感觉，这是某种CSS问题，或者其他一些JS侦听器不允许这种情况发生。我如何测试这个理论？

作为一种替代方法，我测试了使用google.maps.places.Autocomplete而不是google.maps.places.SearchBox，但它没有帮助。

谢谢！

来源

2013-07-09 pennstump

等待，让我试试看！ :) – MAST3RMIND

pennstump，这个问题有什么好运？我今天刚碰到它。在桌面上使用android（使用cordova），但不使用IOS7（使用cordova）。 –

我把它在加入这个工作后，我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-10 11:38:36 MAST3RMIND

谢谢！我要给它一个镜头。那么，你添加了jQuery UI包？ – pennstump

是啊！这是需要的 – MAST3RMIND

Phonegap：谷歌地图的搜索框/自动完成不适用于iOS /移动

回答

相关问题