2

このjsFiddleからわかるように、このスタック オーバーフローの質問のおかげで、応答性の高い Google マップを使用できます。

ここでの問題は、さまざまなビューポートとブラウザーのサイズ変更でマップをマーカーの中心に置いたままにすることです。

ここで次のコードで答えを見つけました：

google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(homeLatlng);
});

しかし、私はまだ jQuery と JavaScript があまり得意ではないので、イベント リスナーを適用する方法がわかりません。

イベントリスナーがどのように適用されるか知っている人はいますか?

4

1 に答える 1

1

iFrame を使用してマップを埋め込んでいるため、2 番目のコード スニペットが最初のコード スニペットと連携して機能するとは思いません。つまり、API を介してマップを操作するためのアクセス権がないことを意味します (これは、2 番目のコード スニペットが試みていることです)。

始めるために必要なすべての情報が記載されているGoogle maps API 3 入門ガイドをご覧になることをお勧めします。「hello world」の例をレスポンシブ CSS および上記のイベント ハンドラーと組み合わせて、マップを希望どおりに動作させることができるはずです。

非常に直感的な API であり、ドキュメントも素晴らしいので、問題はないと思います。困難に遭遇した場合、どこに来るかを正確に知っています！

于 2013-03-28T15:50:52.187 に答える