問題タブ [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 投票する
2 に答える
17464 参照

javascript - Googleマップの外部から特定のマーカーのinfoWindowを開く(V3)

私はこの問題に頭を悩ませているようには見えません:

生成されたXMLファイルからの(多くの)マーカー(会社)を含むマップがあります。マップの下に、マップに表示されているすべての会社の(JavaScriptで生成されていない)リストを表示したいと思います。リスト内の会社をクリックすると、マップはその特定のマーカーにパンし、情報ウィンドウを開きます。事は私が地図とリストを2つの別々のものにしたいということです...

この問題に取り組む正しい方法は何でしょうか?ありがとう!重要なのは、すべてのmarkerinfoが動的であるということです...

Michalの提案に従って、次のことを試しましたが、2つの問題が発生しています。コンソールから通知がmarkers[index].getPosition is not a functionあり、リストの最初の項目がであることが示されていますundefined。手伝ってもらえますか?

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

google-maps-api-3 - Google マップ v3 の複数マーカー情報ウィンドウ

これを約1時間テストしています。しかし、何らかの理由で、マーカーごとに別の情報ウィンドウのテキストを表示することができません。それらのそれぞれをクリックすると、新しい情報ウィンドウが開きます(古いものは閉じられますが、これは良いことです)が、ウィンドウ内のテキストは常に、最後のマーカーで設定したテキストです。

ここでいくつかの解決策を見てきましたが、どれも適切に機能していないようです。よろしくお願いします。

オンラインデモを参照してください。

0 投票する
2 に答える
2859 参照

jquery - Google マップの情報ウィンドウにタブが表示されない

数週間前は情報ウィンドウにタブが表示されていましたが、今はもう表示されていません...

実際、コードは JQuery を使用しています。このリンクでコードを見つけてください

CSSファイルを含むJQueryのすべてのライブラリを含めました..何が問題なのですか?...かなり長い間機能していたのに突然停止した..実際に何が起こったのですか??

どんな助けでも大歓迎です:)

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

javascript - 情報ウィンドウが同じマーカーで開きます!

さて、私はDBからフェッチするすべての位置に対して呼び出されるこのコードを持っています。マーカーをクリックするたびに、情報ウィンドウにそれぞれのマーカー情報が表示されますが、情報ウィンドウの位置は常に最後のものです。マーカーが追加されました。ナットシェルの情報は問題ありませんが、どこにあるべきかが示されていません。

これら2つは、マップが初期化されてグローバルになるときに宣言されます。

これはスクリプトです

マーカーの数は、SQLクエリに従ってフェッチされたデータによって異なります。これはphpスクリプトです。

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

google-maps - ロード時にグーグルマップの情報ウィンドウを開くためのURLパラメータ?

私はグーグルマップ上の特定のアドレスへの一連のリンクを持っています。これらのアドレスのいくつかには、情報ウィンドウ付きのマーカーがあります。ロード時にこの情報ウィンドウを自動的に開くためにURLに追加できるクエリパラメータはありますか?

現在、私は私のhrefsが次のようになっています:

0 投票する
5 に答える
15882 参照

google-maps-api-3 - Get Google Maps v3 to resize height of InfoWindow

When I click a marker and the InfoWindow appears, the height does not adjust if the length of the content is longer that the InfoWindow default height (90px).

  • I am using text-only, no images.
  • I have tried maxWidth.
  • I have checked for inherited CSS.
  • I have wrapped my content in a div and applied my CSS to that, including a height.
  • I have even tried forcing the InfoWindow to resize with jQuery using the domready event on the InfoWindow.

I only have a few hairs left. Here is my JS:

InfoText and Address come from an AJAX query of an XML file. Data is not the issue, as it always comes through correctly. codeAddress() is called after the data has been retrieved and formatted.

HTML in the file:

CSS for my InfoWindow content (no other CSS applies to the map):

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

javascript - google maps api v3マーカーのクリックが機能しない

これのどこに問題があるのか​​わからないので、API の v3 を使用して、数か月前にカスタム マーカーを使用して Google マップを作成しました。当時、情報ウィンドウは機能していました。

私はそれを新しいサイトに移植していて、情報ウィンドウを開くことができません.jsはクリックイベントを作成するときに適切なポイントでアラートを出しますが、クリックイベントは発生しません.マップをドラッグするだけです.私が最後に行ったサイトで、現在も機能していません。

これを修正する方法がわからないので、情報ウィンドウを作成する必要があるコードは次のとおりです。

私が気付いていないAPIで何かが変更されたのでしょうか?

テストページはhttp://www.disposalknowhow.com/locator.phpで見ることができます。 ロケータでは、次を使用して結果を取得します。

タイプ: 電気/電子機器 - 品目: コンピュータ - 半径: 100 - 郵便番号: n11hl

私が行った前のものは動作していませんが、現在は次の場所で見ることができます: http://www.focus-on-plants.com/locator_icned.php (ここのフォームで任意のパラメーターを使用できます)

アップデート:

treffys の回答への返信:

マップを作成すると、情報ウィンドウが定義されます。

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

google-maps - Google Maps API V3 で生成された地図を使用して情報ウィンドウに Google プレイス ページのデータを表示する

希望する場所にマーカーを付けて地図をうまく表示し、情報ウィンドウにカスタム コンテンツを表示することができます。

代わりに、maps.google.com で見つけられるように、デフォルトの Google プレイス ページ情報を情報ボックスに表示することをお勧めします。例はこちら

埋め込みの代わりに Maps API を使用している唯一の理由は、マップ コントロールを左上隅から移動する必要があるためです。マップを埋め込んでコントロールを移動する方法があれば、それは素晴らしいことです! それ以外の場合は、生成している情報ウィンドウにプレイス コンテンツを取り込めるようにする必要があります。私のコードは以下です。

ありがとう!

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

javascript - Google Maps API - 情報ウィンドウのリンクをクリックできない

Javascript の GoogleMaps API v3 の InfoWindow に問題があります。情報ウィンドウの作成に成功しました。内部に任意のコンテンツを設定できますが、内部にハイパーテキスト リンクを配置したいと考えています。それは正常に動作します。通常、setContent() メソッドにタグを付けると、リンクがウィンドウに正しく表示されます。残念ながら、クリックすることはできません。正しいリンクが添付されていますが、クリックしても何も起こりません。右ボタンでクリックして「新しいウィンドウで開く」を選択すると、問題なく動作します。誰でもここで問題を見つけることができますか? 次のような単純なコードがあります。

次に、マーカーを作成するイベントでトリガーします (マーカーに対しては正常に機能します)。

「マップ」と「マーカー」の両方で問題ありません。