問題タブ [infobox]

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 投票する
1 に答える
233 参照

google-maps-api-3 - InfoBox が HTML コンテンツをロードしない

Google Map API (V3) を使用して地図上にピンをドロップしようとしています。ピンを配置して情報ボックスを開くことができます。残念ながら、情報ボックスには HTML コンテンツは表示されず、文字列のみが表示されます。次のコードを使用して、ピン/情報ボックスを作成/表示しています。

これを行うと、インフォボックスの内容が常に[object HTMLDivElement]表示され、 にある情報を適切に表示する方法がわかりませんboxText。情報ボックスのコードは、Google 独自の例からほぼ 100% そのまま使用されています。

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

jquery - Jquery Map UI [ gmap() ]、InfoBox、ハンドルバー

ここで重複した質問をしている可能性がありますが、他の質問には私の正確な状況はありません...

JSON を出力するために jQuery Map UI を使用し、デフォルトの infoWindows を InfoBox に置き換えてハンドルバーを設定しています。

これが私のコードで、以下が私の問題です。出来るだけコメントしてみました。

したがって、私の問題は、各 InfoBoxes に同じコンテンツが含まれていることです。開かれるのは常に最初のマーカーのコンテンツであり、InfoBox が単に後続のクリックされたマーカーに移動されているような印象を与えます。

クリックされたマーカーの InfoBox の内容をログに記録すると:

コンソールには適切なコンテンツが表示されますが、そのコンテンツは InfoBox のコンテンツと一致しません。これが、私が混乱している理由です。

これについて何が欠けていますか?jQuery Map UI または InfoBox の理解に問題がありますか?

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

google-maps - センター インフォボックス Google マップ V3

何日も検索して、Google Maps と Center という言葉で Stack のすべてのスレッドを読んでいますが、問題に近いものは見つかりません。

複数のマーカーがある Google マップをまとめています。マップはロックされているため、移動またはズームできません。マーカーをクリックすると、インフォボックスが開き、マップが disableAutoPan: true でロックされます。これらは正常に機能します。

ただし、マップの端近くにマーカーがあり、インフォボックスが画面外にあると問題が発生します。pixelOffset: と position: を含め、これを修正しようと何日も試みましたが、これまでのところ何も機能していません。

私の質問は、infobox bang を画面の中央に配置することは可能ですか? 例私が達成しようとしていることの例

長文失礼しました

0 投票する
0 に答える
316 参照

android - マーカーごとにカスタム InfoWindowBox を作成する

このリンクの投稿に同じ問題があると思います 別のマーカーは同じ情報ウィンドウのコンテンツを表示しますandroid google map v2

私は現在、Google マップ v2 を統合して、ユーザーが写真を撮り、地図上にマーカーを自動的にプロットできるようにするアプリを開発しています。

InfoWindowAdapter が動作していますが、以下に示すようにビットマップを設定すると、次のようになります。

カメラを使用して複数の写真を撮る場合 (つまり、マップ上にそれぞれのマーカーがプロットされることを意味します)、マーカーはすべて同じ画像を共有します。これは、カメラから取得された最新の画像です。Bitmap オブジェクト名の違いをチェックして Class を作成すれば問題は解決すると思いましたが、解決しませんでした。

申請時は次のようです。

すべてのマーカーに適用されます。

各マーカーが独自のカスタム情報ウィンドウ アダプターを持つようにするにはどうすればよいですか?

ありがとう!

=======================================編集========= ========================

ユーザーが写真を撮って、画像キャプチャの場所の地図にマーカーをプロットできるアプリケーションがあります。マーカーにはカスタム InfoWindow があります。私は解決策を試しましたが、それらは私にはあいまいです。

次のようにコードに何をしたかを説明してもよろしいですか:

googleMap.setInfoWindowAdapter(新しい InfoWindowAdapter()); マップ上のすべてのマーカーに影響しませんか?

CustomInfoBox の現在のコードは次のとおりです。

class MyInfoWindowAdapter は InfoWindowAdapter を実装します{

プライベート最終ビュー myContentsView;

googleMap.setInfoWindowAdapter(MyInfoWindowAdapter); を呼び出すと、すべてのマーカーのレイアウトが同じになり、同じ画像 (ユーザーが最後に撮影した画像) が表示されますが、これは私が望むものではありません。

どんな助けでも大歓迎です!ありがとう

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

javascript - Google マップのインフォボックスで jquery-ui-timepicker を使用することは可能ですか

まず、私はJavaスクリプトとjquery.iに慣れていません。つまり、Googleマップで特定の領域(ポリゴン、円)をクリックすると、いくつかのスタイルで情報ウィンドウを開く必要があります。だから私は情報ボックスに移動しましたcss(jquery custom css ui lightness)を追加しました。そのインフォボックスに、時間とともにカレンダーを表示する必要があるため、多くのRDと書き込みコードを実行しました

描画ツール、infobox、jquery カスタム css、jquery-ui-timepicker を使用してコードを記述しました

今私の問題は、jquery-ui-timepicker がインフォボックスで発生していないことです。通常のdivで使用している場合、正常に機能します。

ここに私のコードの一部があります:

アップデート

JsFiddle Here is my Jsfiddle with my complete code (気が狂ったとは思わないでください。スクリプトの URL を追加しようとしましたが、機能しませんでした。非常に多くの jsfiddles を見ました (jquery-ui-timepicker アドオン .js で例が示されています)。また、同じ問題)スクリプトを追加しました.私のコードは2199行から始まります.前の行は無視してください)

アップデート2:

@gaurravの提案タイムピッカーを適用した後の私の更新されたフィドルは上昇していますが、2〜3回のクリック後に上昇しています