11

Google Maps API のドキュメントとここでも検索してみましたが、これを行う方法がわかりませんでした。

有効にするためにマップ領域をクリックする必要なく、マップ上でデフォルトで矢印キーナビゲーションを設定しようとしています。

次の解決策を試しましたが成功しませんでした:

map.getDiv().focus();
document.getElementById("map_canvas").focus();
google.maps.event.trigger(map, 'rightclick');

どうすればそれができるのか、誰にも手がかりがありますか？

皆さん、ありがとうございました。

4

1 に答える 1

5

ここで注意すべき点がいくつかあります。div 要素.focus()でクリック アクションを使用またはトリガーするだけで#mapはうまくいきません。これらのアクションは、マップが実際に DOM にレンダリングされる前に行われるからです。したがって、最初に認めるべきことはtilesloaded、Google マップ ライブラリが提供するイベントの使用です。

google.maps.event.addListener(map, 'tilesloaded', function() {
    //do actions
});

$('#map').click()私が見つけた 2 番目のことは、イベント リスナー内に追加することはできないということです。これは#map、コンテナ div ですが、実際には Google マップ スクリプトがその上に他の div の全体をレンダリングするためです (これらはより高い z インデックスを持ち、実際にマップ タイルを保持するものでもあります)。ちょっとしたハッキン​​グと jquery を使用して、タイルを含む div に絞り込み、その div でクリック イベントをトリガーすることができます...結果のコードは次のとおりです。

google.maps.event.addListener(map, 'tilesloaded', function() {    
    $("#map").children().children().first().children().trigger('click');
});

Chrome の開発ツールを使用して、タイルを含む div に絞り込み、jquery のchildren()メソッドを使用して からその div にトラバースしました#map。そのコードを init 関数に貼り付ければ、準備完了です。これは、ソリューションの実際の例を含むJSfiddleです。

于 2012-10-25T01:55:57.920 に答える