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.SearchBox の代わりに google.maps.places.Autocomplete を使用してテストしましたが、役に立ちませんでした。

ありがとう！

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 に答える