グーグルマップで半径数キロメートルで営業範囲をホームページに埋め込んで

表示したいと思ったことはありませんか？

つい先日クライアントからそのような要望があり

何か良い方法は無いか探しておりました。

ＡＰＩを勉強すればできるのでしょうが

他のサイトのサービスを借りての便利なやり方を発見したのでご紹介します。

まずは下記サイトにアクセスします。

地図上に好きな半径の円を描けます (Google Maps API V3版)
【nanchatte.comさんのホームページに繋がらないため只今利用が出来ない状態です。。】

サイト内の上の方に「操作」・「円の色」・「円の半径」・「動作」部分を編集します。

仮に神奈川県の大船駅を中心に

「円の色」を緑、「円の半径」を3㎞、「動作」を塗りのある円を選択しました。

サイトの下の方にある「ＫＭＬを取得する」をクリックします。

ポップアップした画面内の「続ける」をクリックします。

するとＫＭＬが生成されます。

ＫＭＬ全てを選択をクリックしてコピーをとります。

コピーしたデータをＰＣのメモ帳を開き貼り付けし、

ファイルを.kmlの拡張子で保存します。

グーグルアカウントをすでに持っていることを前提で説明します。

お持ちで無い方はアカウントの作成から始めて下さい。

グーグルアカウント

１．まずはグーグルのマイマップページへ

２．マイマップに入ったら「+新しい地図を作成」と書いた赤いボタンをクリックします。

地図の画面に切り替わります。

３．左上の白い枠内にある「インポート」をクリックします。

４．次に先程作成したＫＭＬファイルをアップロードします。

ドラグ＆ドロップでもパソコンからファイル選択でもどちらでもＯＫです。

５．生成された地図の左上にある白い枠内で「自分のサイトに埋め込む　」をクリック

６．地図のタイトルや説明（両方任意）を入力し、

リンクの共有を「オン」にします。

７．埋め込みタグをコピーし、サイトにペーストすれば完了となります。

nanchatte.comさんのホームページがいつ復活されるのか分からないため

念の為にAPIを使ってのグーグルマップ上に円を描く方法を教えている

サイトのリンクを記載しておきます。

Googleマップに同心円を描画する　マルティスープ株式会社

KMLやAPIを勉強すればいいですけどなかなか手がまわらないです。。