問題タブ [jquery-ui-map]
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.
javascript - 7 つの入力条件から検索して json ファイルを調べる
説明してみます。
7 つの入力 (年齢、国、都市など) を持つフォームがあり、JSON ファイルには多くの人がいます。フォーム内のすべての基準を使用して、その json ファイルを検索する必要があります。たとえば、スペイン & 25 歳。
配列に入力データがありますが、その基準を比較して JSON ファイルから情報を取得する方法がわかりません。
以下のコード:
JSON ファイルは次のようになります。
]}
フォームからの配列はこれを返します:
また、すべてのデータではなく、フォーム フィールドを JSON の一部のフィールドと比較する必要があります。したがって、これらすべてのフォーム フィールドを JSON と比較する必要があり、1 つが空の場合は残りを比較します。
javascript - 地図キャンバス上のユーザーからの入力として地理位置情報を取得する
地理位置情報ベースのアプリを構築しようとしています。このようなアプリの前提条件は、ユーザーの正確な位置情報を取得することです。HTML5 を使用すると、次のように実行できます。
ただし、ブラウザに IP アドレスしかない場合は、非常に不正確になります。 この記事もそれを参考にしています。その場合、正確さを期すために、マップ インターフェイスを介してユーザーに自分の位置を特定してもらいます。
ユーザーに Google マップのインスタンスを表示します。
現在の位置にマーカーを追加するように依頼します。
それが完了したら、ポスト要求をサーバーに送信します。
ライブラリjquery ui mapsを 1 つ見つけましたが、Google マップ キャンバスでユーザーからの入力を取得する方法が指定されていません。Googleマップキャンバスでユーザーからの入力を手伝ってもらえますか??
ajax - jquery-ui-map2ページ目に完全な地図を表示する方法
ドキュメントの最初のページにGoogleマップを表示できます。2ページ目に地図を配置しようとすると、不完全です。ページをリロードすると、完全なマップが表示されます。ページを作成するためにさまざまな時間を試しましたが(ドキュメント準備完了、pagecreate、pageinit、pageshowなど)、成功しませんでした。コードを最小限に抑えましたが、同じ現象が発生するため、サンプルコードを含めています。残念ながら、それでも2つのファイルjquery.mobile-1.2.0.cssとjquery.ui.map.jsを使用します。私が理解していないajaxについての非常に基本的な何かがあるに違いないと思います。
jquery - jquery-ui-map および MarkerClustererPlus => (markerCluster で) クリック イベントを取得し、別のイベントを発生させます
jquery-map-ui と MarkerClustererPlus を使用するプロジェクトがあります。
すべてが正常に機能しますが、1 つ欠けています。
マップ センターが変更されるたびに (dragend)、Ajax を介して結果 (マーカー) をリロードし、マップの下に 10 個のベスト エントリの従来の結果リストを表示します (「非視覚ユーザー」向け)。
ユーザーがマーカークラスターボタンをクリックしたときに同じことが起こるようにしたいと思います(マップセンターとズームは変更されますが、これを処理して自分のイベントを発生させることはできません(に基づいて最良の結果リストをリロードします)新しいマップ センター) ...
質問は次のとおりです: 誰かが ClusterMarker をクリックしてマップが再センタリングされたときに、どうすれば機能を開始できますか? 残念ながら、dragond イベントはここでは機能しません。また、markerClusterer の「クリック」機能を試してみましたが、機能しませんでした :-(
これが私が現在使用しているものです...ベース: http://code.google.com/p/jquery-ui-map/ および http://google-maps-utility-library-v3.googlecode.com/ svn/trunk/markerclustererplus/docs/reference.html
更新:基本的に、ここに示すように関数を埋め込む方法に関する可能性/アドバイスを探していますhttp://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/examples/events_example.html私のコード:
正しい方向へのヒントは非常に高く評価されています。markerClusterer クリック イベントの後に新しいマップ センターの座標をアラートすることができれば、それで十分でしょう。
ご協力いただきありがとうございます!
javascript - HTML5 localstorage アイテムから JSON 配列を作成する
コードバ iOS アプリで jquery ui マップを使用しており、すべてのデータベース結果 (緯度と経度) を JSON にエンコードする必要があります。既に localstorage 要素を設定しており、正しい応答を受け取ったことはわかっていますが、すべての結果を JSON 配列にエンコードする方法がわかりません。ループを使用してみましたfor
が、コードが失敗したため、間違って実行したに違いありません。もう1つ、マップが機能し、マーカーの追加も機能することはわかっていますが、デモjson配列を使用しました。独自のオブジェクトを使用して独自の配列を作成する必要がありますが、その方法がわかりません。助けてくれてありがとう。
MAP.HTML
jquery - jquery-ui-map AJAX を介してロードされた「道順を取得」の例 (例あり)
jquery-ui-map の「道順を取得する」の例を実装しまし
た。マップの HTML マークアップが複数ページの index.htm 内にある場合、すべて正常に動作しているため、スクリプトが機能すると確信しています
が、実際のスクリプトではそれぞれ異なる場所の音楽番組のリストがあるため、(サーバー側で各場所の住所を取得するためのいくつかの処理の後) AJAX を使用してマップ マークアップを読み込む必要があります。この場合、2 つの問題が発生します。 :
- 地理位置情報が機能しなくなりました: ブラウザーは、現在の場所を通信するかどうかを尋ねません。
- 「戻る」ボタンが機能しなくなりました。アドレス バーの URL は変わりますが、ページは同じままです。
これが私の実際の例です: 次のショー > クラブ (X) > 道順を取得し、何が起こるかを確認してください。
- 非 AJAX の例 (動作中): http://www.iwstudio.it/mobile/index2.htm
- AJAX の例 (動かない): http://www.iwstudio.it/mobile/index.htm
- ダウンロード可能なスクリプト: http://www.iwstudio.it/mobile/mobile.rar
何か助けてください。少し早いですがお礼を!
google-maps-api-3 - Map Marker の setMap(null) は、マーカーを真に破棄しません (jquery-ui-map)
問題は次のとおりです。
ビューポートの外に出るときに、マップからすべてのマップ マーカーを削除したいと考えています。それらの位置をチェックし、マーカーで setMap(null) を実行するコードがあります。マーカーが消えます。次に、Google マップのドキュメントに従って、マーカー自体を null に設定して破棄します。
問題は、マップ マーカーを取得するための jquery-maps-ui の関数に、削除されたマーカーがまだ含まれていることです。
$('#map_canvas').gmap('get', 'markers')が削除されたマーカーを返さないように、マーカーを本当に削除するにはどうすればよいですか?
javascript - google maps api v3 javascript マーカーのみをクリック
jquery モバイルを使用して phonegap で google maps api v3 を使用してマーカーを設定しているときに問題が発生しましたが、マーカーのみをクリックできるようにしたいのですが、病院などの地図上の目的地をクリックすることができます。マーカーのみをクリック可能にしてオプションを無効にするにはどうすればよいですか? また、別のページから来たときに開いている情報ウィンドウを閉じる必要があり、マーカーの情報ウィンドウを閉じることはできますが、病院の情報ウィンドウは開いたままです。
情報ウィンドウを閉じたり、ユーザーがマーカー以外をクリックできないようにするにはどうすればよいですか?
jquery - JqueryモバイルおよびGoogleマップは、ロード時にinfowidowを開いてクリックしない
Jquery Mobile で使用している Google マップのマップ マーカーに情報ウィンドウのコンテンツを作成するのに忙しく、情報ウィンドウを自動的に開くことができないことがわかりました。
現時点ではクリックイベントで開きますが、ロードイベントは効果がありません。
動作する私の現在のコードは次のとおりです。
コードを次のように変更すると
load イベントは効果がありません。これに関するアイデアはありますか?
jquery - jquery uiマップを使用して全国の境界をスタイルする方法は?
国の地域の境界線のスタイルを設定する方法 (例: Google マップの「フランス」では、国の地域の境界線に色を付けます)。jquery-ui-maps v3 を使用しています。これを行うにはどうすればよいですか?