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

質問

http://maps.google.co.jp/maps/ms?msa=0&msid=208687479192919771060.00049f7777451fd3dc6d9&brcurrent=3,0x602004816ddcd52f:0x341fa6c1d0d6465c,0&ie=UTF8&z=9

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

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

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

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

回答No.3

cherry201104

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

回答No.2

wf9a5m75

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

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

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

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

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

＜他のものと組み合わせたりしている方のサイト＞
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/documentation/javascript/tutorial.html

調べるのなら
http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html

それ以前であるなら、まずjavascriptを
http://www.bing.com/search?srch=105&FORM=AS5&q=javascript+%e5%85%a5%e9%96%80