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 上に絵を描く
</追記>
| 固定リンク


コメント