問題タブ [infobox]

別の情報ボックスが開いているときに、その情報ボックスを閉じる必要があります。私はこれについて多くのスレッドを見てきました.

私の問題にはインフォボックスのグローバル変数がないと思っていましたが、作成した後もまだ運がありません。しかし、マップをクリックするとすべてのインフォボックスが閉じてしまうので、なぜそれが機能するのかわかりませんが、別のマーカーをクリックすると機能しませんか?

これが私の現在のJSです：

クルーズ ルートを Google マップに表示し、各港をインフォボックスでマークします。残念ながら、これらのインフォボックスは定期的に重複しています。どうすればこれを回避できますか?

私はすでに Spiderfy を試しましたが、このインスタンスには適していません。

マップのズーム レベルを変更することもできません。理想は、作成時に重なっているインフォボックスを認識して再配置できるプラグインまたは類似のものです。しかし、私はどこにもこのようなものを見つけることができませんでした。

2 番目の可能性は、javascript を使用して位置を変更することですが、javascript と Google マップに関する専門知識が不足しているため、これを達成できませんでした。ハッキングできる例も見つかりませんでした。

正しい方向への情報/アドバイス/ポインタをいただければ幸いです。

ありがとうございます

これが私のコードです：

マップにマーカーとインフォボックスを追加するには、次の関数を呼び出します。

}

私はこのグーグルマップスクリプトを使用しています。マーカーをクリックしたときに情報ボックスをポップアップさせたい場合はどうすればよいですか？

ここでスクリプトを試すことができます：http：//clark-kim.se/preview/googlemaps2.html

すべてのコードを投稿することはできませんでしたが、少なくともスクリプトは次のとおりです。

Google マップのインフォボックスのコンテンツ内にある div に背景画像を追加しようとしています。.css('background-image') を変更するために使用している関数が div の ID を認識していないため、問題が発生しています。これは、インフォボックスを開いたときにコンテンツ文字列が DOM ロードされていないことが原因である可能性があります。「domready」などをリッスンするイベントを追加する必要があることはわかっていますが、それを実装する方法が正確にはわかりません。問題のコードは次のとおりです。

IE8 以下を除くすべてのブラウザーでクリックすると正常に動作するインフォボックスがあり、次のエラーが表示されます: SCRIPT438: オブジェクトはプロパティまたはメソッド 'setContent' をサポートしていません。問題のコードの部分:

何か案は？ありがとう！

マップ上にいくつかのカテゴリを表示する必要がある Google マップを使用してアプリを開発しています。ここで、複数のカテゴリからマーカーを追加し、必要に応じて削除できるようにしたいと考えています。

Windows のインフォボックスをカスタマイズできるインフォボックス プラグインを使用しています。ここで見つけることができます

私の質問。別のマーカーをクリックすると、1 つのインフォボックスが閉じます。方法はわかりませんが。これは、マーカーのクリック イベントに使用したコードです。

コード

これで私を助けることができる人はいますか？

最初に言いたいのは、 1. 私の英語は最高ではありません (私はドイツ出身です (しかし、私が言いたいことを理解していただけることを願っています :) および 2. これらの質問の多くがあることを知っています。すでにこのフォーラムに参加していますが、私はJavaScriptなどで本当に新しいので、答えは役に立ちません:/

わかりました、いいえ、私の問題から始めます:)

私はgooglemapsAPIを持っているので、次の 記事にある答えのように

しかし、今は5つよりも多くのマーカーが必要です

どうすればできますか？

どうもありがとう

InfoWindowをInfoBoxに交換し、 MarkerClustersを追加するために、AngularUI の uiMap ディレクティブをフォークしました。uiMap -> icMap; に大規模な更新を行いました。最も顕著なのは、コントローラからディレクティブ ロジックを移動して、uiMap を「マスター」ディレクティブにしたことです)。ネイティブの MapMarker をクリックしてもインフォボックスが開かないことを除いて、ほとんどすべてが機能しています。

その理由は、クリック イベントをネイティブ MapMarker ( ic-map.js:163 ) に適切にバインドしていないためだと思います。

uiMap を再編成する前に、 map.jsicMapInfoBoxにディレクティブを追加しただけです。そのオープンイベントは、次によって登録/トリガーされました。

コントローラーで定義されたopenMarkerInfo()を呼び出しました (私のレポからコピー/貼り付け: GitHub Gist )。

ただし、ネイティブ MapMarker をクリックしても何も起こらず、コンソールにエラーも表示されません (ただし、他のすべてのイベントは引き続き適切に発生します)。

元のプランク
簡素化されたプランク(MarkerClusters を削除)
両方のプランクで、問題はおそらく ic-map.js (リストの最初のファイル) にあります

map.jsonはデータ ファイル
angular.js、angular-ui.js、およびinfobox.jsは lib ファイルです。

編集InfoBox.map私はそれが気づいたundefined; それが問題と関係があると思います。

編集未定義の InfoBox.map プロパティが問題の一部でした: ic-map.js:189 での InfoBox.openへの手動呼び出しは機能します (テンプレートはコンパイルされていませんが、それは別の問題です)。InfoBox.openをトリガーしません。また、テンプレートは含まれていません。

marker解決済み: js オブジェクトではなく DOM オブジェクトを扱っていました。すぐに解決策を投稿します。

一度に 1 つの infoBox のみを表示したいので、マーカーごとに 1 つの InfoBox を使用しています。

私の質問は、完全に新しい infoBox を作成せずに infoBox のコンテンツを更新するにはどうすればよいですか?

新しい infoBox を作成してコンテンツを更新したくありません。これを行うと、新しい infoBox インスタンスが作成されます。これは、一度に複数の infoBox を開くことができることを意味します。

利用可能な setContent メソッドや、infoBox に強制的にコンテンツ セットを更新させる再描画メソッドはありますか?

各インフォボックスにカスタム マーカーを追加する必要があります。また、onclick を表示するインフォボックスが必要です。これを行うにはどうすればよいですか?

誰かが助けてくれることを願っています。カスタムGoogleマップは初めてです。

サイトへのリンクはこちらhttp://voycomiendo.com/index2.html

これが私のコードです：