2007年4月 3日
紙の地図とWEBの地図
今日は寒いですねぇ。
自宅でがくがくぶるぶると震えながら、仕事してます。
なぜか、何かとGoogleMapをカスタマイズして用いたサービスと縁が深い私なのですが、あんまり改造方法をよく知らなかったので、今日はチャレンジしてみました。
プログラマー任せで、これできるっしょ?できないわけがない!と好きなこと言いたい放題でしたのでw
で、きっかけは、と言うのも、運用させて頂いているコーポレイトサイトの会社が移転すると言う連絡が突如入り、地図を作って欲しいと言われたのですが…
周辺地図をYahoo地図で検索して、どの道をピックアップして、どの程度デフォルメするか色々考えていたんですが、駅前でもない場所なので、
現地に行かなきゃ、道路の状況とかわかんないし作れないよw
今日は寒いから出かけたくないし!(理不尽)
そーだ、思い切ってGoogleMap載せちゃおうか!緯度経度さえ設定したら何とかなるでしょう!
(GoogleMapの位置情報は緯度経度で管理されてます。)
で、そろそろ避けて通れない道だとカツを入れてお勉強を始めました。
まず、Google Map API keyを取得。
いきなり英語からスタートです、気分が萎えますw
Sign up for an API key
で、API keyをゲット!どこかにメモしておきましょうね。
次にポイント設定ですが、緯度経度で設定されているらしく、そんなの計算するほど体力ありません。
とてもステキなサイトを見つけました。
Google Maps簡単作成ツール:GMapCreator
こちらのサイトで、ぽんっと、アイコンもふきだしも簡単に設定できちゃいます!
そして、Google Mapはアイコンもカスタマイズできます。
透過PNGでアイコンを作って、JAVAスクリプト部分をカスタマイズ!
ですが、力尽きたのでノーマルでw
地図上に線を引けたり、カスタマイズ次第で、いろいろと楽しめますよ。
グルメマップを作ったり、遠足ルートマップを作ったりすると楽しそうですね。
と、一生懸命勉強したのに…
「やっぱりイラストレーターで作って欲しい!」
と、あっさり却下されてしまいましたw
本来の目的はきっと挨拶状とかにも使いたいんだろうなぁ…
なぜか、地図を作ると褒められることが多いのですが、結構、考慮する項目が多いんですよね。
珍しく、地図デザインのポイントでも書いてみましょうか。
■主な訪問手段(車?電車?バス?徒歩?)
車での訪問者が多い場合は、近くの高速インターなども掲載する必要があります。
電車の場合は、半径2km以内にある駅は掲載した方がいいでしょう。
また、駅からの歩き方をナビゲートしてやる必要があります。
細い道でも、必要ならば掲載します。
■主要な道路のピックアップ
太い道路は当然のごとく掲載しますが、細い路地はある程度カットしても良いかと思います。
ただし、メジャーなお店があったり、商店街だったりする場合は掲載した方がいいでしょう。
ここが結構悩みどころです。
■道の直線化
東西南北にまっすぐな道路なんてありません。
そのままの形のパスをとるだけでは、市販の地図をコピーした方がいいでしょう。
ある程度、縦横まっすぐに引けるように地図を回転させ、直線化を行いますが、二股に分かれる道などは、斜めのままで採用します。
■目印の選定
これも、訪問者の導線に沿って考えないといけません。
交差点名・曲がり角の特徴(わかりやすいお店)・通りの名前等。
掲載しすぎても可読性がなくなるので、ほどほどに。
■イラストレーターワーク
私の場合は、線ツールで書いています。
道の太さの調整は線の太さで調整することが出来るので、強弱を簡単につけられますよ。
四角ツールで描くと、カーブなどが大変です(横着)。
おおぅ!珍しくデザイナーっぽいこと書いちゃいました。
明日晴れたら現地調査しに、ふらっと原チャリの旅でもしますかねぇ。
- by masako
- at 16:37

comments