既存のgoogleマップに半径表示を重ねたい

http://maps.google.co.jp/maps/ms?msa=0&msid=2086 …

上記の様な情報を持ったgoogleマップ（ KMLと言う形式で情報が埋め込んであるそうです）に

下記、googleマップ上に指定した半径内を塗りつぶし表示できるサービスなのですが
http://www.nanchatte.com/map/circleService.html

両者を合成表示したいです。

技術上可能な気はするのですが、とっかかりが掴めません。
分かる方、解説お願いいたします。

No.3 回答者： cherry201104 回答日時： 2012/03/04 08:45

それぞれのページで KML ファイルをＰＣに保管し、

　http://www.cpslabo.com/tools/view_kml.html
のページで表示させてやれば、見られます。
「Delete ALL」 ボタンを押さなければ、両方ひとつの地図に表示されます。
Chrome を使えば、ファイルを直接選択できますが、そのほかのブラウザではKML ファイルの内容をテキストエリアに貼り付けてください。

No.2 回答者： wf9a5m75 回答日時： 2012/02/20 10:26

http://www.nanchatte.com/map/circleService.html
のページ下部に[KMLを取得する] ボタンがありますので、
それをクリックするとKMLが表示されます。

内容をコピーして、circle.kml としてテキストファイル形式で保存します。
そのときに
「<!-- This data was generated at http://www.nanchatte.com/map/circleService.html -->」
の1行を削除してください。
Google マップに読み込むときに、上手く認識できません。


Googleマップ(http://maps.google.co.jp/maps) を開き
[マイプレイス]ボタンを押します。
これで自分で地図が作成できるモードになるので、
[地図を作成] → [インポート] → circle.kml を選択 → [アップロード]
で表示可能でした。

No.1 回答者： fujillin 回答日時： 2012/02/15 21:09

解説できるほどわかってませんが、

基本的な機能はgoogleが開発して公開してくれているものを利用しています。
（マーカーを表示する。インフォメーションを表示。図形を表示などなど）

処理する内容を制御しているのはjavascriptで、それに対するＡＰＩが公開されていますのでその辺がとっかかりかと。
http://code.google.com/intl/ja/apis/maps/documen …

てっとり早くどんなことができるのかみるのなら、利用サンプルを
＜本家のサンプルページ＞
http://code.google.com/intl/ja/apis/maps/documen …

＜他のものと組み合わせたりしている方のサイト＞
http://japonyol.net/editor/googlemaps.html
http://japonyol.net/editor/archives/google/
（ちょっと古いかも）
http://www.openspc2.org/reibun/Google/Maps/API/


学習するのであれば
http://code.google.com/intl/ja/apis/maps/documen …

調べるのなら
http://code.google.com/intl/ja/apis/maps/documen …


それ以前であるなら、まずjavascriptを
http://www.bing.com/search?srch=105&FORM=AS5&q=j …