問題タブ [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.
google-maps-api-3 - InfoBox が HTML コンテンツをロードしない
Google Map API (V3) を使用して地図上にピンをドロップしようとしています。ピンを配置して情報ボックスを開くことができます。残念ながら、情報ボックスには HTML コンテンツは表示されず、文字列のみが表示されます。次のコードを使用して、ピン/情報ボックスを作成/表示しています。
これを行うと、インフォボックスの内容が常に[object HTMLDivElement]
表示され、 にある情報を適切に表示する方法がわかりませんboxText
。情報ボックスのコードは、Google 独自の例からほぼ 100% そのまま使用されています。
jquery - Jquery Map UI [ gmap() ]、InfoBox、ハンドルバー
ここで重複した質問をしている可能性がありますが、他の質問には私の正確な状況はありません...
JSON を出力するために jQuery Map UI を使用し、デフォルトの infoWindows を InfoBox に置き換えてハンドルバーを設定しています。
これが私のコードで、以下が私の問題です。出来るだけコメントしてみました。
したがって、私の問題は、各 InfoBoxes に同じコンテンツが含まれていることです。開かれるのは常に最初のマーカーのコンテンツであり、InfoBox が単に後続のクリックされたマーカーに移動されているような印象を与えます。
クリックされたマーカーの InfoBox の内容をログに記録すると:
コンソールには適切なコンテンツが表示されますが、そのコンテンツは InfoBox のコンテンツと一致しません。これが、私が混乱している理由です。
これについて何が欠けていますか?jQuery Map UI または InfoBox の理解に問題がありますか?
google-maps - センター インフォボックス Google マップ V3
何日も検索して、Google Maps と Center という言葉で Stack のすべてのスレッドを読んでいますが、問題に近いものは見つかりません。
複数のマーカーがある Google マップをまとめています。マップはロックされているため、移動またはズームできません。マーカーをクリックすると、インフォボックスが開き、マップが disableAutoPan: true でロックされます。これらは正常に機能します。
ただし、マップの端近くにマーカーがあり、インフォボックスが画面外にあると問題が発生します。pixelOffset: と position: を含め、これを修正しようと何日も試みましたが、これまでのところ何も機能していません。
私の質問は、infobox bang を画面の中央に配置することは可能ですか? 例私が達成しようとしていることの例
長文失礼しました
android - マーカーごとにカスタム InfoWindowBox を作成する
このリンクの投稿に同じ問題があると思います 別のマーカーは同じ情報ウィンドウのコンテンツを表示しますandroid google map v2
私は現在、Google マップ v2 を統合して、ユーザーが写真を撮り、地図上にマーカーを自動的にプロットできるようにするアプリを開発しています。
InfoWindowAdapter が動作していますが、以下に示すようにビットマップを設定すると、次のようになります。
カメラを使用して複数の写真を撮る場合 (つまり、マップ上にそれぞれのマーカーがプロットされることを意味します)、マーカーはすべて同じ画像を共有します。これは、カメラから取得された最新の画像です。Bitmap オブジェクト名の違いをチェックして Class を作成すれば問題は解決すると思いましたが、解決しませんでした。
申請時は次のようです。
すべてのマーカーに適用されます。
各マーカーが独自のカスタム情報ウィンドウ アダプターを持つようにするにはどうすればよいですか?
ありがとう!
=======================================編集========= ========================
ユーザーが写真を撮って、画像キャプチャの場所の地図にマーカーをプロットできるアプリケーションがあります。マーカーにはカスタム InfoWindow があります。私は解決策を試しましたが、それらは私にはあいまいです。
次のようにコードに何をしたかを説明してもよろしいですか:
googleMap.setInfoWindowAdapter(新しい InfoWindowAdapter()); マップ上のすべてのマーカーに影響しませんか?
CustomInfoBox の現在のコードは次のとおりです。
class MyInfoWindowAdapter は InfoWindowAdapter を実装します{
プライベート最終ビュー myContentsView;
googleMap.setInfoWindowAdapter(MyInfoWindowAdapter); を呼び出すと、すべてのマーカーのレイアウトが同じになり、同じ画像 (ユーザーが最後に撮影した画像) が表示されますが、これは私が望むものではありません。
どんな助けでも大歓迎です!ありがとう
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回のクリック後に上昇しています