ホーム   管理人の紹介  
ログイン   新規登録

ログイン
ユーザー名:

パスワード:


パスワード紛失

新規登録

メインメニュー

教えて!Googleマップ


Google Maps【グーグル マップ】

米国Google社が提供する無料地図サービスのこと。

Ajax呼ばれる技術を利用して、ブラウザ上でオンライン地図を実現できるサービス。

オンライン登録を行えば、無料で使うことができる。

Webサイト上やブログ上に簡単に世界地図を表示できるのが特徴。

カスタマイズができ、データベースとの連動など高度な使い方もできる。


０．ごあいさつ


グーグルマップを設置した例

ようこそ。Google Maps 活用講座へ。
このサイトは、Google社の地図サービス「Googleマップ」をカスタマイズできる
Google Maps APIを使う方法を紹介しています。

Google Maps APIを使うと、こんなことができます
　　　・ホームページにGoogleマップ が表示できます！
　　　・高精度な地図が『無料』で利用できます！
　　　・航空写真も表示できます！
　　　・好きな位置にマークを付けることができます！

さぁ、あなたもGoogleマップを利用してみませんか？

４．Google Mapsのカスタマイズ　：　イベント編
４−１：最後にクリックしたマーカーを別のマーカーに変更する

４−２：地図の中心に常に『十字マーク』を表示する

４−３：地図の種類を設定する (予定)

４−４：指定の位置に地図を移動させる (予定)

４−５：キーボードで操作できるようにする (予定)

４−６：地図の透明度を指定する (予定)



クリックすると、別のマーカーに変わる例 


Flash1．Google Maps API for Flashを使ってみる
flash１−１：Google Maps API for FlashはどんなAPI？

flash１−２：開発環境New!

flash１−３：Flex SDK で開発する

flash１−４：Adobe Flex で開発する

flash１−５：Flashdevelop で開発する

flash１−６：Adobe Flash CS3/CS4 で開発する

flash１−７：まずは表示してみる  (Hello World)

flash１−８：サンプルHTMLコードの基本構成

 
オリジナルのふきだしを表示した例


Extra．サンプル
例−1：ドラッグ＆ドロップされた領域を取得する
例−2：クリックされた位置にマーカーを追加する
例−3：右下に小さい地図を表示する
例−4：地図に自作のボタンを表示する
例−5：リンクをクリックしたら、吹き出しを表示する
例−6：地図上にフォームを表示する
例−7：内容を変更できる吹き出しを表示する
例−8：XMLファイルを読み込んで、マーカーを追加する その1
例−9：XMLファイルを読み込んで、マーカーを追加する その2
例−10：JSON形式のデータを読み込んで、マーカーを追加する
例−11：リンクをクリックしたら、吹き出しを表示する その2
例−12：地図に線(ライン)を描画する
例−13：吹き出しの最大幅を固定する
例−14：住所を検索して、その場所を表示
例−15：住所や名称の場所にマーカーを追加　その１
例−16：住所や名称の場所にマーカーを追加　その２
例−18：複数の地図を表示して、マーカーを追加したい
例−19：XMLを読み込んでマーカを表示、マーカの吹き出し内に写真を表示したい
例−20：地図上にGoogle Adsenseのマーカを表示する
例−21：地図がドラッグしたら、地図の中心座標を取得する
例−22：最初からマーカーの吹き出しを表示する
例−23：アメリカの交通情報を地図に表示する
例−24：線を引くサンプル2
例−25：Googleマップ・ストリート・ビューを実装する
例−26：Google MAP + Google Earth
例−27：Google Maps を地形表示する
例−28：いろいろな地図タイプを表示する
例−29：地図に情報を付け加える
例−30：GPolygonでメッシュを作る
例−31：セレクトボックスで選択したマーカーを表示する(KML)
例−32：2つのセレクトボックスで出発地と到着地を選ぶ(KML)
例−33：カスタムマーカーとツールチップ
例−34：ズームレベルに応じて表示する画像を変更する
例−35：マーカーの重ね順を変更する
例−36：右下の小さい地図のマップタイプを変更する
例−37：KMLでマーカーの画像を変更する
例−38：指定の範囲内にあるマーカーを表示する
例−39：指定の経度・緯度の最大ズームレベルを取得する
例−40：地図上にWikipedia のレイヤーを表示する
例−41：オリジナル の吹き出しを開く (Adobe Flash CS3) New!
例−42：クリックされたら飛び散るマーカー(Adobe CS3) New!
例−43：マーカーのオプションを変更する(Adobe Flex) New!


Google Mapsを使った例を紹介
関連書籍


Google Maps API
逆引きクイックリファレンス


Google Maps APIv2
活用リファレンス


Google Earth で
地球を旅するガイドブック
Google Maps 活用講座
Theme Designed by OCEAN-NET