問題タブ [infowindow]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Googleマップの情報ウィンドウが広すぎる
マーカーをクリックすると、Googleマップで情報ウィンドウが開きます。
コードは次のようになります。
問題は、インフォウィンドウに入力されているものが最大幅200ピクセルになるようにスタイル設定されていても、インフォウィンドウのレンダリング幅が広すぎて約400ピクセルになることです。
小さくする方法はありますか?
javascript - Google Map API V3 で特定の情報ウィンドウを表示する
マーカーを表示するために次のコードを書きました。マーカーの次または前の情報ウィンドウを表示する 2 つのボタンがあります。しかし、問題は、InfoWindows が google.maps.event.trigger を使用して表示されないことです。この問題について誰か助けてもらえますか。ありがとうございました。コードは次のとおりです。
google-maps - マーカーが選択されている場合の Google マップ InfoWindow コンテンツの外部化
マップ上のマーカーがクリックされたときに、Google マップの InfoWindow のコンテンツを取得して外部 DIV に配置できるかどうかを誰かが知っているかどうか疑問に思っていますか?
これに関連する例や情報を見つけることができるかどうかを確認するために、API ドキュメントと Google の両方をよく調べましたが、これまでのところ運がありません。しかし、これについて尋ねられてからあまり時間がなかったので、少しざっと目を通さなければならなかったので、何かを見逃している可能性がありますが、何も飛び出していないようです.
基本的に、これが実際に可能かどうかを知りたいので、Google マップでは現在不可能なことを調査するために時間を無駄にすることはありません。ただし、これを行う方法についてのコード、例、またはアイデアを誰かが持っている場合は、非常に高く評価されます!
ありがとう、
マーク
height - グーグルマップ情報ウィンドウの高さの問題
私は解決策をネットで探してきました。
私の問題は、情報ウィンドウの高さが正しく計算されていないことです。そこには画像がないので、後で画像をロードすることに問題はなく、バブルが作成されたときのサイズはわかりません。
また、約15行多くのテキストで埋めると、サイズは大丈夫になり始めています。
これは私がinfoWindowHtmlにフィードするものです:
dom - ドラッグ後にGoogle Maps V3でカスタムinfoWindowsのpixelPositionを更新する方法は?
Google マップの上に新しいマッシュアップを作成しています。より長い寿命を提供するために V3 を使用することを選択したのは十分に単純です。
ただし、Google マップの infoWindow では提供されない特別なニーズがいくつかあります。
カスタム infoWindow を marker.projectionContainer.pixelPosition で配置しました。ズーム後に正しい位置が得られますが、ドラッグしてもマーカー pixelPosition が更新されません。ドラッグ後にマーカーの古い位置と新しい位置の違いを取得するにはどうすればよいですか?
また
DOM から位置をハックしようとする代わりに、OverlayViewを使用する必要がありますか? マップ独自の情報ウィンドウは、パネル上で自動的に更新/駐車されると思います。
java - 動的に生成された JavaScript が Chrome または IE で実行されず、Firefox で動作する
GWT で Google マップ API を使用して、マーカーの 1 つにツイートを含むタブ付きの情報ウィンドウを作成しています。ツイートのソースは動的に生成されます。ここにJavaコードがあります:
問題を特定しましたが、回避策が必要です。何が起こるかというと、スクリプトは Firefox で実行されますが、IE と Chrome は何らかの理由で実行を回避します。生成される html は次のとおりです。
このコードをプレーンな html ファイルにコピーして Google Chrome で実行すると、動作します。IE で開くと動作しますが、アクティブ コンテンツの実行を許可した後でのみ動作します。firefox で開くと、問題なく動作します。すべての主要なブラウザーで許可を求めずにこのコードを機能させる方法を知っている人はいますか?? ありがとう!
google-maps - GoogleMapsv3のInfoWindowの代替
GoogleMapsv3の代わりとなるInfoWindowを探しています。マーカーのマウスオーバーでポップアップするために使用したいと思います。標準のインフォウィンドウは、パンして迷惑になるため、まったく使用できません。Google Maps v2には優れたGxMarkerがありました(新しいAPIでは機能しません):http ://code.toeat.com/gxmarker.html
Google Maps v3の同様のプラグイン、またはInfoWindowの厄介な動作を回避する他の方法を知っている人はいますか?
google-maps - API を使用して Google 情報ウィンドウが正しく表示されない
Google マップ API を使用してマップを Web サイトに統合しています。カスタム マーカーと情報ウィンドウを使用しています。以前は何の心配もなくこれを使用していましたが、マーカーをクリックすると、情報ウィンドウが正しく表示されなくなりました。
私はそれを試して修正するためにさまざまなことを試みましたが、何が起こっているのか理解できないようです。
ここに画像があります。私は新しいので投稿に添付できません。
http://i47.tinypic.com/xbwmbq.png
どんな助けでも大歓迎です。
ありがとう
javascript - Googleマップインフォウィンドウのクリックイベントがキャッチされません
Google Map v2では、GMarkerの情報ウィンドウでテキストをクリックしたときに関数をトリガーできるようにしたいと思います。
動作しません。イベントがインフォウィンドウ内でキャッチされないのはなぜですか?
google-maps - Google マップ API - 情報ウィンドウの高さとパン
Google maps API (v2) を使用して、世界地図の上に国のオーバーレイを表示しています。データは KML ファイルから取得されます。このファイルには、各国の HTML 説明と共にポリゴンの座標が含まれています。この説明は、その国をクリックすると「情報ウィンドウ」の吹き出しに表示されます。
情報ウィンドウが含まれる HTML コンテンツのサイズまで拡大されず、長いウィンドウが端からはみ出してしまうため、最初は問題が発生しました (これは一般的な問題のようです)。次のように情報ウィンドウを特定の高さにリセットすることで、これを回避できました。
理想的ではありませんが、うまくいきます。ただし、情報ウィンドウを開くと、すべてのコンテンツを表示できる位置に地図がパンされないため、情報ウィンドウの上部が地図の端で隠れることがあります。
だから私の質問:
設定されたピクセルの高さに固定する必要がないように、情報ウィンドウがコンテンツに適した高さを自動的に使用するようにする方法はありますか?
高さを固定することが唯一の選択肢である場合、情報ウィンドウが開いたときにマップをより適切な位置にパンする方法はありますか? map クラスに panTo() メソッドがあることは知っていますが、正しい座標を計算する方法がわかりません。
ここに私の完全な初期化コードがあります: