

googlemapにおいて複数条件絞り込みでマーカーを表示する方法に関して説明
しているサイトなどご教えていただきたく。
または、その方法をご存じないでしょうか。
<例>
検索条件(1) 都道府県(ドロップダウンリスト表示)
検索条件(2) 市
((1)で選択した都道府県に従属した市のみ
ドロップダウンリスト表示候補となる)
検索条件(3) 区
((2)で選択した都道府県に従属した区のみ
ドロップダウンリスト表示候補となる)
「検索実行」ボタンを押すと検索条件(3)に該当するマーカーのみ表示される。
No.1ベストアンサー
- 回答日時:
多分、根本的な考え方の部分でちょっと違っているような気がします。
Google Map APIは、マップを表示し、そこにマーカーなどを表示するAPIです。これ自体にはデータベース的な機能があるわけではありません。Google Mapは、ただ指定されたマーカーを表示するだけのものでしかありません。
ですから、データを保存し検索するのは、Google Mapとは関係ない話です。一般的には、サーバー側にデータベース関係の処理を用意しておいてそれを利用するでしょう。流れとしては、以下のようになるでしょう。
・クライアント(ブラウザ)側
1. 検索条件のリストを選択する。
2. 検索ボタンを押す。
3. JavaScriptのスクリプトが呼び出され、Ajaxでサーバーに検索を要求する。
・サーバー側
4. 要求を受け取り、データベースからデータを検索する。
5. 取得したデータをJSONなどのデータにしてクライアントに送り返す。
・クライアント側
6. Ajax通信の結果を受け取る。
7. それをもとにGoogle Mapにマーカーを追加する。
ご回答、ありがとうございました。
早速、shylockさんのアドバイスに従い、参考サイトを探し回って、下記を見つけました。
しばらく格闘してみます。(プログラミングって格闘技?かもしれません。)
https://developers.google.com/maps/articles/phps …
※ちなみに、googlemapのべんきょうを下記サイトを中心にしていた矢先でしたので、基本のキでありましょうサーバー・クライアント間の検索に気が付きませんでした。
下記サイトの主、菊池さんからも
「大規模データベースならサーバー側で検索し結果をクライアント側で表示、
小規模データベースなら、クライアント側に全データを取り込み
クライアント側で検索・表示も有りと思います。」
とのアドバイスをうかがいました。
http://kikuchisan.net/gmap/gmapv3.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- Excel(エクセル) ExcelのVLOOKUP関数 7 2022/08/23 06:46
- Excel(エクセル) Excel フィルタ後のコピー貼付けと可視セルの関係について 3 2023/02/07 16:42
- Excel(エクセル) エクセルで、2つのセルに検索値を入れて結果を一覧表示させる 1 2023/07/10 10:26
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/10 08:51
- Excel(エクセル) Excelでの検索結果を含む行だけを表示させたい 5 2023/03/10 17:08
- Access(アクセス) Accessでセレクタをダブルクリックで別フォームで詳細表示 3 2022/12/20 10:36
- Excel(エクセル) Excelで、別シートへ情報を参照表示する関数について。 2 2023/06/26 09:58
- エッセイ・随筆 尋常小学校唱歌『さくら さくら』の解釈について以下のものは成立しますか?普通じゃおもろない? 7 2023/02/26 16:52
- その他(プログラミング・Web制作) Sikulix2.0.5(Jython2.7.3)でcsvを読込WEB検索条件にpasteで文字化け 1 2023/03/31 11:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleApiについて質問です。
-
3D空間内の2つの図形の間の角度...
-
Google Maps API で 住所デー...
-
GOOGLEマップのマイマップでマ...
-
ホームページ上に大きな表を1ペ...
-
GoogleMap クリックで情報ウィ...
-
GoogleMapAPIv3でルート上の座...
-
グーグルマップのマイマップ作...
-
googleMapでアイコンを変更する...
-
googlemapで複数条件絞り込みで...
-
ホームページをあたらしいアド...
-
デジタル時計の時刻合わせの方...
-
ウインドウを毎回同じ位置、大...
-
ホームページの作り方
-
IEでページが白紙になってしま...
-
ウインドウとブラウザについて
-
wordpress + jqery + IE8
-
なぜメールサーバは子プロセス(...
-
パワ-ポイントのBGMの入れ方
-
フォルダを「別ウィンドウで開...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Yahoo地図でマーカーを表示した...
-
VBAでオブジェクトがありません...
-
【javascript】住所から郵便番...
-
WordのVBAについて
-
郵便番号で検索⇒距離順に結果リ...
-
Yahoo地図で郵便番号からおおよ...
-
どうして+3
-
Google Mapを利用した情報追加...
-
aspのセレクトボックスにDBのデ...
-
Google マップにマーカーと同心...
-
Google Mapでマーカーにパラメ...
-
Rでの散布図の要素をマーカーで...
-
リンク先がgoogleなどの場合
-
JavaScriptでGoogleMAPの表示を...
-
javaScript(canvas)で図形(イラ...
-
GoogleMapAPIv3でルート上の座...
-
google map apiを使って自宅周...
-
GMap Api V3で中心マーカーを表...
-
GoogleMapAPIで複数のマーカー...
-
googlemap api で複数マーカー表示
おすすめ情報