Javascript版 Google my-maps print converter

Google my-maps print converterで日本語が化けるようになってしまったためJavascriptで同じようなものを試作してみた。

Googleマップのページのkmlのリンクや他サーバー上のkmlのリンクからサイドバーが一覧表形式になった地図を表示します。
GoogleマップのkmlのURLは、ページ右上の Google Earth で表示を右クリックしてリンクアドレスをコピーすると得られます。サーバー上のkmlのURLはhttp://cs88.awardspace.info/walkmap/tokoname-65ABC.kmlのように指定します。

例:

マイマップのkmlのリンクからGoogle Maps APIを使って

サーバー上のkmlファイルからGoogle Maps APIを使って

マイマップのkmlのリンクからYahoo!地図 APIを使って

サーバー上のkmlファイルからYahoo!地図 APIを使って

補足説明:

• 枠だけ表示されて地図が表示されない場合は、開いたページをリロードしてみてください。
• 一覧表はダイナミックに描かれます。地図上の見える範囲にあるマーカーとポリライン(パス)やポリゴン(領域)のみが一覧表に表示されます。バンしたりズームしたりすると、その都度一覧表は描き直されます。
• Javascriptで作っあるため、他サーバー上のKMLファイルを直接取得することはできません。KMLファイルのレンダリングに使っているGoogle Maps APIのGGeoXmlはマーカー等をランダムな順番で表示する為、名前順またはid順またはid順でidが無いものは名前順のどれかで並び替えています。この場合のidとはkmlのname要素のid属性とは異なります。マーカーには先頭から自動的にgeoxml_1,geoxml_2…geoxml_10…というidが付けられるようです。ポリラインやポリゴンには付けられないみたいなので、「ID順」を選択した場合はこれらは先頭に置かれます。
• また、Google Maps APIにはポリラインやポリゴンの線色・塗りつぶし色・線の太さを知るための方法が提供されていないため、一覧表上とYahoo!地図上はポリラインは全て赤線太さ5、ポリゴンはすべて緑枠線青塗りつぶしで表示します。
• GGeoXmlのインターセプトの仕方は、Google Geo Developers Blog - SnapshotControl 1.0: Using the Static Maps API to Snapshot Your Mapsや、Google Maps API Tutorial - Tricks with GGeoXml/GGeoXml with sidebarのソースを参照しました。

※このスクリプトを使って生じた不具合や損害は一切補償しません。At your own riskでお願いします。