問題タブ [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.

0 投票する
3 に答える
1366 参照

javascript - Javascriptを使用してGoogleMapsv3でツイートのinfowindowsのサイズを変更するにはどうすればよいですか

Googleマップの情報ウィンドウにいくつかのツイートを追加しようとしています。ツイートを情報ウィンドウのコンテンツであるdivに表示しますが、サイズが間違っています。

マーカーがクリックされたときに「 content_changed 」を呼び出すと、情報ウィンドウのサイズが変更されると思いましたが、サイズは変更されません。

これはかなり簡単だと思いますが、誰かが私を助けてくれますか?

ありがとう、

ジェームズ

0 投票する
4 に答える
2093 参照

javascript - JavaScript google maps API - 一度に 1 つの情報ウィンドウが開きます..

これは、Google マップ API v3 の情報ウィンドウに関する質問です。

現在、この関数をループしてマーカーを配置します..

ここで、独自の HTML を持つ情報ウィンドウを追加したいと思いますが、次の動作が必要です..

イベントによって情報ウィンドウが開かれると、現在の情報ウィンドウは閉じられ、新しい情報ウィンドウのみが表示されます。

これは可能ですか?どうすればいいですか?この問題に関するドキュメントを見つけるのは困難です..

0 投票する
1 に答える
3884 参照

jquery - Google マップ InfoWindow で jQuery Live に登録されたクリック イベント

Google マップ InfoWindowに追加されたコンテンツの一部にクリック イベント ハンドラーを動的に追加するために、Google マップ InfoWindow の Click event で説明されている手法を使用していました。IE以外ではうまく機能します。

通常のアンカー タグを含むコンテンツがあり、それらのリンクは正常に機能します。

jQuery (ライブ) クリック ハンドラーを持つアンカー タグがあり、id を読み取って他のアクションをトリガーしますが、IE では何もしません。Chrome/FF などは問題なく動作します。動作を変更せずに div と span を使用してみました。

何か案は?

編集: これは Google マップ v2 を使用しており (非推奨であることは知っています)、IE 7 または 8 では機能しません。このプロジェクトで IE6 を使用したことはありません。

編集: これは、動作を再現するサンプルコードです。

0 投票する
1 に答える
20378 参照

google-maps - Googleマップインフォウィンドウで背景色を変更する

Googleマップの実装のInfoWindowsの背景色を黒にしたい。「backgroundColor」はInfoWindowsで使用できるオプションではありません。ここを参照してください

背景が黒でテキストが白のコンテンツオプションにdivタグを配置しました。ただし、それでも白い境界線でレンダリングされます。

誰かが完全に黒い背景を取得する方法を知っていますか?

よろしくお願いします。

0 投票する
1 に答える
1199 参照

jquery - Google Maps API: ポジショニング、いくつかの奇妙な動作、いくつかの機能を無効にする方法

私はクライアントのためにこのマップの作成に取り組んでいますが、少し頭がいっぱいです。これまでのところ、modx を使用してマップのマーカーのリストを動的に作成し、正常に機能するカスタム アイコンを作成し、希望どおりにスタイルを設定しました。ただし、次の点について少し助けを求めています。

カスタム アイコンが、希望する場所を正確に示していません。iconAnchor 変数がこれを制御していると思います。あれは正しいですか?アイコンのx / y座標だけの値ですか?また、情報ウィンドウの配置がどこで制御されているかも知りたいです。

リスト上の場所をクリックすると、マップはその場所を中心に表示されますが、その結果、情報ウィンドウがマップの下からはみ出してしまいます。マップの左上の象限にマーカー アイコンを表示する方法はありますか?

私の情報ウィンドウには、最終的に約 10 ~ 15 個の画像のリストが表示され、その横にテキストが表示されるので、情報ウィンドウをスクロールさせたいと思います。これは機能していますが、スクロールバーをクリックして下に移動すると、マウスを放すとすぐにスクロールが停止しますが、マップは保持されます。その結果、スクロール後、マップはねずみ。これを引き起こしている原因について何か考えはありますか?

私の最後の懸念は、ロード後にマップがポイントからポイントへとジャンプする方法です。それぞれの場所が一瞬表示された後、次の場所にジャンプします。この機能を削除して、すべてのマーカーを表示する開始マップ エリアを設定することはできますか?

あらゆるアドバイスをありがとう。

私のコードは次のものから改作されました: http://www.erikwhite.net/gmapjquery.html

これが私の現在のコードです:

0 投票する
1 に答える
4279 参照

google-maps-api-3 - Google Maps API 3 方向 - 移動時間と距離を infoWindow に追加する

私は今、これに非常に近づいていますが、探している結果を得ることができません。これは、タイトルとテキストとともに、一連の位置情報を取得しようとする試みです。これらは、Google マップに表示されるマーカーに割り当てられます。私の最終的な目標は、各マーカーと「マップセンター」マーカー (場合によってはハブ) の間の距離と移動時間を取得し、個々のマーカーがクリックされたときに情報ウィンドウに入力することです。

これまでのところ、情報ウィンドウに正しく入力する距離/期間を取得することを除いて、この作業のすべての側面を取得しています。innerHTML を使用して、「マップ キャンバス」の外側に div を正常に設定できます。

割り当てられた var を印刷するか、infoWindow 内の div の内容を変更しようとすると、関数は最初のクリック イベントでのみ機能します。その後、infoWindow は空白で表示されます。作業スクリプトは次のとおりです。

テキストファイル:

{"places": [{ "title": "Cooke City, MT", "description": "TEXT", "lat": 45.02009497, "lng": -109.93234595 }, { "title": "Silver Gate, MT", "description": "TEXY", "lat": 45.00687965, "lng": -109.98979568 }, { "title": "Absarokee, MT", "description": "TEXT", "lat": 45.52004697, "lng": -109.44136186 }, { "title": "Billings, MT", "description": "TEXT", "lat": 45.78333000, "lng": -108.50000000 }, { "title": "Bridger, MT", "description": "TEXT", "lat": 45.28568200, "lng": -108.90821700 }, { "title": "Cody, WY", "description": "TEXT", "lat": 44.52313500, "lng": -109.07561100 }, { "title": "Columbus, MT", "description": "TEXT", "lat": 45.62617100, "lng": -109.25712600 }, { "title": "Gardiner, MT", "description": "TEXT", "lat": 45.03049875, "lng": -110.70471900 }, { "title": "Nye, MT", "description": "TEXT", "lat": 45.43584263, "lng": -109.80859757 }, { "title": "Joliet, MT", "description": "TEXT", "lat": 45.48287830, "lng": -108.97241592 }]}

infoWindowに期間/距離を入力することについてのアイデアはありますか?

助けてください!

ありがとう、

サム

ps醜いスクリプトで申し訳ありません。このスクリプトをより効率的にするためのアイデアをお待ちしております。

0 投票する
1 に答える
8428 参照

google-maps-api-3 - Google MapsAPIv3カスタムインフォウィンドウ-「Googleが定義されていません」エラー

グーグルマップに基づく私のアプリケーションでカスタム情報ウィンドウを作成しようとしています。

次の例は、開発のベースポイントの1つです。

http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html

問題は、私がこれや他の例を使用するものは何でも、forefoxのfirebugでエラーが発生することです

これを解決する方法を教えてもらえますか、カスタムinfowindowsなしで作業を続けることはできません.....

0 投票する
3 に答える
2128 参照

javascript - グーグルマップAPI3のInfowindowヘルプ

他の人がこのウェブサイトで抱えていたのと同様の問題があり、すべてのマーカーの最後のマーカーの情報ウィンドウ情報のみが表示されます。与えられた解決策のいずれかでこれを解決することはできないようです。また、私のマーカーの最後の1つは、情報ウィンドウをまったく表示しません。

どんな助けでも大歓迎です!

0 投票する
1 に答える
1526 参照

javascript - Google マップで GInfoWindowTab を使用して表示されるタブで基本的な情報ウィンドウをカスタマイズする方法

GInfoWindowTab を使用して Google マップにタブ付きの情報ウィンドウを表示する次の機能があります。デフォルトの情報ウィンドウは 2 つのタブで表示されます。私の質問は、情報ウィンドウのサイズ、背景色、スタイルを変更する方法と、ビデオを 1 つに追加する方法です。情報ウィンドウのタブの。

0 投票する
1 に答える
5473 参照

jquery - Google マップに extInfoWindows を使用する情報ウィンドウにタブを追加する方法

マーカーがクリックされたときに Google マップに情報ウィンドウを表示する次のコードがあります。extinfowindows を使用している情報ウィンドウにタブを追加するにはどうすればよいですか。