忍者ブログ
バナヤンの忍者風呂
忍者ブログのカスタマイズ、各種WEBツールのテストなど試行錯誤の日々。 VMLによる地図の作成を研究していましたが、一時中断して、今はPHPを勉強しているところです。
ニュース
この欄には、このブログの内容に関連するニュースを掲載する予定です。
お知らせ
この欄には管理人からのお知らせなどを掲載します。
[16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26]

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

VML日本地図(県庁所在地)

いわゆる「日本地図」という場合、その基本は北海道、本州、四国、九州の海岸線が記された地図のことをいうと思います。しかしながら、この海岸線のデータ、手頃なものが見つかりません。国土数値情報から取り出すのも時間がかかります。そのうち、その作業はやろうと思いますが、もっと手っ取り早く「日本地図」を作りたいと悩んでいました。

そんなところに、ふと県庁所在地の緯度経度のデータが手に入りました。
それをVMLで、都市名を座標に落とし込んだらどうなるのか、やってみました。

次の画像は、VMLで作成した図形をスクリーンショットで画像に変換したものです。クリックすると本来の画像が表示されます。

県庁所在地GIF

VML部分のソースは次のとおり。

<div style="width:630px;height:400px;border:#999 solid 1px;">
<v:group
coordorigin="0,-250" coordsize="1260,800"
style="width:1260;height:900;flip:y;">

<v:shapetype id="label"
coordorigin="7740,1860" coordsize="1260,800"
style="width:630; height:400;">
<v:formulas>
<v:f eqn="sum #0 0 0"/>
<v:f eqn="sum #1 0 0"/>
<v:f eqn="sum #0 100 0"/>
<v:f eqn="sum #1 50 0"/>
</v:formulas>
<v:path textboxrect="@0,@1 @2,@3"></v:path>
</v:shapetype>

<v:shape adj="8473,2582" type="#label" class="label"><v:textbox>札幌</v:textbox></v:shape>
<v:shape adj="8426,2429" type="#label" class="label"><v:textbox>青森</v:textbox></v:shape>
<v:shape adj="8465,2365" type="#label" class="label"><v:textbox>盛岡</v:textbox></v:shape>
<v:shape adj='8431,2290' type='#label' class='label'><v:textbox>仙台</v:textbox></v:shape>
<v:shape adj='8404,2366' type='#label' class='label'><v:textbox>秋田</v:textbox></v:shape>
<v:shape adj='8412,2289' type='#label' class='label'><v:textbox>山形</v:textbox></v:shape>
<v:shape adj='8417,2247' type='#label' class='label'><v:textbox>福島</v:textbox></v:shape>
<v:shape adj='8417,2173' type='#label' class='label'><v:textbox>水戸</v:textbox></v:shape>
<v:shape adj='8372,2180' type='#label' class='label'><v:textbox>宇都宮</v:textbox></v:shape>
<v:shape adj='8342,2174' type='#label' class='label'><v:textbox>前橋</v:textbox></v:shape>
<v:shape adj='8363,2131' type='#label' class='label'><v:textbox>浦和</v:textbox></v:shape>
<v:shape adj='8404,2122' type='#label' class='label'><v:textbox>千葉</v:textbox></v:shape>
<v:shape adj='8367,2125' type='#label' class='label'><v:textbox>東京</v:textbox></v:shape>
<v:shape adj='8363,2116' type='#label' class='label'><v:textbox>横浜</v:textbox></v:shape>
<v:shape adj='8341,2253' type='#label' class='label'><v:textbox>新潟</v:textbox></v:shape>
<v:shape adj='8228,2185' type='#label' class='label'><v:textbox>富山</v:textbox></v:shape>
<v:shape adj='8183,2180' type='#label' class='label'><v:textbox>金沢</v:textbox></v:shape>
<v:shape adj='8168,2162' type='#label' class='label'><v:textbox>福井</v:textbox></v:shape>
<v:shape adj='8300,2123' type='#label' class='label'><v:textbox>甲府</v:textbox></v:shape>
<v:shape adj='8287,2183' type='#label' class='label'><v:textbox>長野</v:textbox></v:shape>
<v:shape adj='8187,2115' type='#label' class='label'><v:textbox>岐阜</v:textbox></v:shape>
<v:shape adj='8294,2075' type='#label' class='label'><v:textbox>静岡</v:textbox></v:shape>
<v:shape adj='8192,2107' type='#label' class='label'><v:textbox>名古屋</v:textbox></v:shape>
<v:shape adj='8178,2066' type='#label' class='label'><v:textbox>津</v:textbox></v:shape>
<v:shape adj='8131,2100' type='#label' class='label'><v:textbox>大津</v:textbox></v:shape>
<v:shape adj='8128,2100' type='#label' class='label'><v:textbox>京都</v:textbox></v:shape>
<v:shape adj='8117,2065' type='#label' class='label'><v:textbox>大阪</v:textbox></v:shape>
<v:shape adj='8107,2065' type='#label' class='label'><v:textbox>神戸</v:textbox></v:shape>
<v:shape adj='8129,2065' type='#label' class='label'><v:textbox>奈良</v:textbox></v:shape>
<v:shape adj='8106,2048' type='#label' class='label'><v:textbox>和歌山</v:textbox></v:shape>
<v:shape adj='8048,2117' type='#label' class='label'><v:textbox>鳥取</v:textbox></v:shape>
<v:shape adj='7982,2116' type='#label' class='label'><v:textbox>松江</v:textbox></v:shape>
<v:shape adj='8012,2063' type='#label' class='label'><v:textbox>岡山</v:textbox></v:shape>
<v:shape adj='7936,2054' type='#label' class='label'><v:textbox>広島</v:textbox></v:shape>
<v:shape adj='7876,2047' type='#label' class='label'><v:textbox>山口</v:textbox></v:shape>
<v:shape adj='8059,2042' type='#label' class='label'><v:textbox>徳島</v:textbox></v:shape>
<v:shape adj='8041,2052' type='#label' class='label'><v:textbox>高松</v:textbox></v:shape>
<v:shape adj='7946,2010' type='#label' class='label'><v:textbox>松山</v:textbox></v:shape>
<v:shape adj='7999,2000' type='#label' class='label'><v:textbox>高知</v:textbox></v:shape>
<v:shape adj='7814,2001' type='#label' class='label'><v:textbox>福岡</v:textbox></v:shape>
<v:shape adj='7810,1990' type='#label' class='label'><v:textbox>佐賀</v:textbox></v:shape>
<v:shape adj='7771,1947' type='#label' class='label'><v:textbox>長崎</v:textbox></v:shape>
<v:shape adj='7825,1949' type='#label' class='label'><v:textbox>熊本</v:textbox></v:shape>
<v:shape adj='7882,1988' type='#label' class='label'><v:textbox>大分</v:textbox></v:shape>
<v:shape adj='7875,1894' type='#label' class='label'><v:textbox>宮崎</v:textbox></v:shape>
<v:shape adj='7820,1882' type='#label' class='label'><v:textbox>鹿児島</v:textbox></v:shape>
<v:shape adj='7645,1568' type='#label' class='label'><v:textbox>那覇</v:textbox></v:shape>
</v:group>
</div>

なお、スタイルシートで次のように指定しています。
.label {width:630; height:450;font-size:10px;}

PR
この記事にコメントする
お名前
タイトル
メールアドレス
URL
コメント
パスワード
Carla Valdez
ladkin dermatoneurology diaphanometry wah suckener boreades undersize unimmerged
<a href= http://sedonalabs.com/ >The Digestive Health Specialists</a>
http://www.linuxjournal.com/article/5028

地図作成 
Traci Morse URL 2007/12/16(Sun)01:36:16 編集
QRコード
忍者ブログ [PR]
Copyright (C) 2006 banayan ALL RIGHTS RESERVED.