« 馬場さんのジャーマンパンケーキ再び | トップページ | [涼を求めて]玉原高原 »

2006/08/10

Google Maps API ポリライン・エディタ

ボクが友人のギャラリーページに設置している地図の Google Maps API が Ver.1 のままだったので、Ver.2 に変えるべくアレコレ。

ついでに、自分のページ(全日本紀行とか)にも設置しようと思うも、ルートマップのポリラインを引くのが実に面倒。
と言う事で、自分向けにGPolylineを使ったポリライン用の簡易エディタを作ってみた。

Polyline Editor (ポリライン・エディタ) 新バージョン
地図上の任意の場所をクリックしてポリラインを描画(「ポリラインを描画」ボタンをなくした)
Polyline Editor (ポリライン・エディタ) 前のバージョン
地図上の任意の場所をクリックしてプシュピンを立てて「ポリラインを描画」ボタンをクリック

■描画の種類
・円(半径入力、中心点選択)
・長方形(2点選択)
・複数地点を結ぶ(ルートマップ用なのでポリゴンは閉じない)
■ポリラインの種類
・線の太さ(極細〜神太まで14種類)
・線の透過度(ほぼ透明〜不透明まで4種類)
・カラーピッカー(WEBセーフカラー216色)
■出力
XML(あくまでも自分用)を別ウィンドウに表示

So far こんな感じ。確認はIE、Fx、Op。

今後はやっぱコレですな。

・Geocoderで任意の場所に行けるようにしたい。
 (今はデフォルトで何故か御蔵島)
・VML/SVGペインタみたいにフリーハンドでお絵描きできたら素敵。
 (やってる人もいるんでしょうね)
・XML入出力まわりを整備。

このツールで吐いたXMLを食わせた描画サンプルがコレ。

[サンプル] 東京DOM太郎
自分のセンスの無さに絶望と戦慄Part1。

[サンプル] 手描きAA[サンプル]
若者に阿っている(おもねっていると読むのだよ)感じがキモい。

[サンプル] 須田町食いだおれルート
サンプルなので全部乗せだけど、結局、こう言うフツーの使い方がいーのよ。
緑色の経路は「近江屋洋菓子店→松栄亭→まつや→竹むら→万惣」。

Google Maps API については、ちょっと仕事に絡める気づもりもあったんだけど、Google Maps API for Enterprise の価格が…w

<追記>
ちょっと変更

Google Maps 上に絵を描く
</追記>

|

« 馬場さんのジャーマンパンケーキ再び | トップページ | [涼を求めて]玉原高原 »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35807/11374555

この記事へのトラックバック一覧です: Google Maps API ポリライン・エディタ:

« 馬場さんのジャーマンパンケーキ再び | トップページ | [涼を求めて]玉原高原 »