マップサンプル Gmv3

Maps API v3 サンプル

更新日: 2023/10/29

Google Map ver.3 を使う
1. 表示位置指定
  1. 基本的な記述例です
  2. 緯度・経度入力で地図を表示します。　　(緯度,経度入力)
  3. 住所・ランドマーク入力で地図を表示します。
  4. ドラッガブルマーカーをドラッグして、マーカーの緯度、経度と、近隣住所を求めます。
  5. クリック地点の標高と座標を表示。　標高と座標と住所を表示
  6. csvデータでマークを表示します
  7. 表示マークを制御します
2. ルートを描く
  1. 地図上でドラッグして、徒歩ルート又は、ドライブルートと距離を求めます。
  2. ２点の場所を入力して、又はクリックして、その間のルート ( カー/徒歩 ) を探す。
  3. ２点をクリックして、その間(直線/カー/徒歩) の距離と高度チャートを表示します。
  4. 大圏コースを描き、距離を求めます。
  5. 径路ルートを探索して、配列とエンコードデータを出力します。
  6. 組み込まれた径路ルートの配列や、エンコードデータで径路を描きます。
  7. 組み込まれた径路ルート配列のエンコードデータを表示します。
  8. 張り付ける径路データをエンコードしつつ、地図を表示します。
3. 標高データを使う
  1. 表示マーク間の標高をグラフ表示します。　位置がドラッガブル
  2. 緯度、経度配列より、距離、標高配列を求める。
  3. クリック点の標高等を配列データとして取込む。
  4. dygraphs の折線グラフと連携表示する。
  5. 原発近辺の標高をグラフ表示します。
4. その他
  1. 等距離円を表示する。　富士山可視領域
  2. クリック領域の面積を表示する。
  3. ラインデータをエンコーディングする。
  4. マーク点の情報を表示する。
  5. CSV ファイルを読込んで map を表示する。　JS化 CSVファイルを読込んで map を表示する。
  6. クリック点を CSV データとして、配列+エンコードデータとして取込む。
  7. kml データ(サーバー上の)を利用する。　.gml等を使う。
  8. 交通レイヤ　　サンプル
  9. 雨雲情報を表示　サンプル　google maps に雨雲レイヤを表示。　leaflet mapに雨雲を重ねる
  10. 天気情報　　サンプル　　天気情報は廃止されました
Maps API ver.3 サンプルサイト
1. Javascript API V3 Examples　色々なサンプルがあります
2. 奮闘サイト　お勧めサイトです
3. Maps API ver.3 サンプル集
4. Google Maps 活用講座
5. google-mapper
6. Google Maps APIで、あそ～ぶ
7. 「前向きに・・・」　･･･色々なサンプルがあります
8. 地図上の距離や面積を求めることができます。
9. 地図上の距離を求める。　【ちょっと便利帳】
関連サイト
1. Google Maps developers 　MapOptions
2. Google Maps API ver3 逆引きリファレンス
3. tenderfeel　基本的な使用方法と設定についてのまとめが在ります
4. 今昔マップ
5. marker画像のサイトが在ります
6. Yahoo Map v2 のサンプルも、ご参考に
7. Ajaxを使う。
8. Google Charts 　( 英文サイト )
9. 起震断層・活動セグメント検索

　　ページTopへ　　記述法