■はじめに

[Polyline Editor]
Google Maps API、面白いですよね。
私の場合、友人のギャラリーページに地図を設置したのがきっかけで、 色々遊んでみるようになりました。
 
ついでに、自分のページにも設置しようと思いたち、 ルートマップのポリラインを引く煩雑さを解消するために、 GPolylineを使ったポリライン用の簡易エディタを作りました。

 
現在は、以下のような機能を持っています。
 
■描画の種類
・円（半径入力、中心点選択）
・長方形（2点選択）
・複数地点を結ぶ（ルートマップ用なのでポリゴンは閉じない）
■ポリラインの種類
・線の太さ（極細〜神太まで14種類）
・線の透過度（ほぼ透明〜不透明まで4種類）
・カラーピッカー（WEBセーフカラー216色）
■出力
XML（あくまでも自分用）を別ウィンドウに表示
 
動作確認は、主に IE、FireFox、Opera で行なっています。

■ポリラインエディタ

[Polyline Editor （ポリライン・エディタ）　新バージョン]
地図上の任意の場所をクリックしてポリラインを描画します。
「ポリラインを描画」ボタンをなくして、 クリックのみでポリラインを描画させる形に変更しました。 （フリーハンドもどきです）
 Polyline Editor ver.0.1.2
 
[Polyline Editor （ポリライン・エディタ）　旧バージョン]
地図上の任意の場所をクリックしてプシュピンを立ててから、 「ポリラインを描画」ボタンをクリックして描画します。
透過色でルートマップを描く時は、こちらを使っています。
 Polyline Editor ver.0.1.1
 
因みに、実行時のデフォルトの場所は東京都の御蔵島です。
（キャンバスとして使えればどこでもいいんですが）

■描画サンプル

エディタで吐き出したXMLを使用した描画サンプルです。
IEだと初期表示でずれる事があります。 その場合は画面を更新して再描画するか「直接表示」をクリックしてください。
 
[手描きAA] 直接表示
 
 
[その他のサンプル]
グラデーション（円）
グラデーション（長方形）
ポリライン全部乗せ（須田町食いだおれルート）
東京DOM太郎