APRS/Software/UI-View32/MAP-make/GoogleMapAPRS の変更点


#freeze
TITLE:Google Map APRS (aprs.fi) を使ってマップを作る
#setlinebreak(off)
#ref(gmap-make-top.png,around,nolink,Google Map APRS)
&size(28){&color(blue){''Google Map APRS''};}; &color(blue){(aprs.fi)};&br;
&size(28){&color(blue){'' を使って地図データを作ろう''};};&br;
自作の お気に入りのマップで  より快適に! より便利に!&br;
----
''▼ 目次 ▼''
-[[''【準備編】APRS用にカスタムする&color(red){(重要)};''>#Custom]]
-[[''【加工編】地図を切り出す''>#Cutting]]
-[[''【加工編】地図座標設定ファイル(.INF)を作る''>#inf]]
-[[''【おまけ】画像形式を変える''>#Convert]]&br;
&br;
RIGHT:[[&attachref(Twitter/tweetthis100_3.png,nolink,Twitterでつぶやく);:http://twitter.com/home?status=%E3%80%90%E6%84%9F%E6%83%B3%E3%82%84%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E3%81%93%E3%81%93%E3%81%AB%E3%81%A4%E3%81%B6%E3%82%84%E3%81%84%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%91%20%40techy9%20%23APRS_JP%20http%3A%2F%2Fbit.ly%2Favclx1]]
#clear
* まえがき・・・ [#ife32a5b]
: &color(MAROON){今回使用したソフトウェア}; | ● ''Google Chrome'' ― Webブラウザ。InternetExplorer系では重い場合があるのと、画面最大化表示の最適化を見込んで。&br;
● ''Windows標準 ペイント'' ― 画像データ生成用として&br;
&br;
今回の作業でWindows標準インターネットブラウザ InternetExplorer以外の物を推奨しています。&br;
これは、地図やAPRS.fi等で使われているajaxを快適に動作させる為です。&br;
GoogleChromeは完璧なブラウザとは言えませんが、WebKitというエンジンで表示される速度は、とても高速です。&br;
普段の利用でも是非使ってみて下さい。
&aname(Custom);
*【準備編】APRS用にカスタムする&color(red){(重要)}; [#m0c2a43d]
#ref(custom-menu.png,right,around,nolink,Google Map APRSの右メニュー)
-まず、''Google Map APRS''(aprs.fi)のページを開きましょう。&br;
&br;
右メニューにある &color(blue){''カスタマイズ''}; のリンクをクリックして設定をしましょう。&br;
&br;
この設定がされていないと、座標が滅茶苦茶な地図が出来ます。&br;
また、作る上でも楽になるので必ず設定をして下さい。
#clear
----
#ref(custom-filter.png,right,around,nolink,カスタマイズ画面 - フィルタ)
-右のようなカスタマイズの画面が出て来ましたか?&br;
初期では 「''フィルタ''」 のタブが表示されていると思います。&br;
&br;
普通なら各局の座標が地図上に表示されますが、&br;
今回は地図作成なので一時的に全ての局を ''非表示'' にします。&br;
&br;
フィルター内の表示する局の項目を全て ''非表示'' に設定しましょう。&br;
&br;
マップの作成が終わったら フィルターを元に戻せば、OKです。
#clear
----
#ref(custom-time.png,right,around,nolink,カスタマイズ画面 - 単位と時間)
-続いて 「''単位と時間''」 のタブを表示させます。&br;
以下のように設定を変更しましょう。&br;
&br;
''位置表示フォーマット''&br;
 「Deg゜Min'Sec"」 ---> 「Deg゜MM.MM (APRS)」&br;
&br;
''タイムゾーン:''&br;
 「UTC」 ---> 「ローカルタイム - Asia/Tokyo」&br;
#clear
ここまで出来た人は左下の ''[&color(blue){保存};]'' をクリックして設定内容を保存しましょう。     これで、マップを作る環境設定が整いました。&br;
&br;
&br;
&aname(Cutting);
*【加工編】地図を切り出す [#lfc34e40]
#ref(gmap-cutting1.png,right,around,nolink,欲しい地図の場所を表示する)
-まず、欲しい地図の場所を表示させます。&br;
&br;
この時、UI-View32で実際使う画像のサイズを考慮したり、&br;
あまり詳細表示にし過ぎないように注意しながら決めます。&br;
&br;
画像そのものの解像度が小さくて良い場合、&br;
例えば ''640 x 480  800 x 600'' という&br;
昔懐かしのサイズだったりすると、&br;
ブラウザのウィンドウサイズを予め小さくして&br;
表示させる方が作り易いと思います。&br;
&br;
&br;
欲しい地図の感じに表示出来たら、&br;
キーボードの ''Print Scen'' を押します。&br;
&br;
これで画面全体が クリックボード なる物に一時保管されてます。
#clear
----
#ref(gmap-cutting2.png,right,around,nolink,右メニュー消し)
&color(orange){''★ ワンポイント ★''};&br;
 地図画像を ''Print Scen'' でコピーする時に、右メニューの右上にある&br;
''メニュー消し'' アイコンをクリックしておくと、地図を横広く撮影できます。&br;
&br;
1024 x 768 クラスの解像度の画像が欲しい場合は全画面表示とか出来る&br;
''Google Chrome'' などのブラウザがオススメです。&br;
&br;
地図の解像度が決まって撮影したら、地図の位置やブラウザのウィンドウサイズを&br;
変更してはいけません、座標がズレて分からなくなります。
#clear
撮影する際に、''マウスポインター''を右メニュー辺りまで移動させておくと、地図上の拡大・縮小バーや その他の不要な表示物が消えて、&br;
スッキリした地図を撮る事が出来ます。&br;
----
#ref(gmap-cutting3.png,right,around,nolink,ペイントに貼り付け)
-続いて、Windowsに標準で入っている
#ref(paint.png,nolink,ペイント)
を使って画像の加工を行います。&br;
&br;
ブラウザのメニューや ''Google Map APRS'' の右メニューの残りなど&br;
地図でない部分を全てカットします。&br;
&br;
最終的に地図のみまで仕上がったら保存しましょう。&br;
&br;
&br;
&br;
保存形式は&br;
 ''.bmp'' のビットマップ形式(&color(black,#FFFFAA){''画質は綺麗。ファイルサイズが大きい''};)か、
#clear
 ''.jpg'' のジェイペグ形式(&color(black,#FFFFAA){''画質はまぁまぁ。ファイルサイズが小さい''};)がオススメです。&br;
&br;
&br;
&aname(inf);
*【加工編】地図座標設定ファイル(.INF)を作る [#zd588c7c]
#ref(gmap-inf1.png,right,around,nolink,データをドロップすると設定画面が出る)
-最後に地図の座標を定義する .inf ファイルを作成します。&br;
仮に、先程保存した画像ファイルが ''Hiroshima-City.bmp'' という&br;
名前で保存したとします。
#ref(gmap-cutting4.png,nolink,地図画像ファイル)
おもむろに、この画像ファイルを そのまま&br;
UI-View32の地図画面の中に ''ドラッグ&ドロップ'' します。&br;
&br;
すると、右写真のように「''Create An INI File (Press F1 For Help)''」&br;
という入力画面が出てくると思います。&br;
&br;
それぞれに座標を入力し、この地図データの名前も記入します。&br;
''Description'' の所は地図名です。&br;
分かり易いのは地図画像のファイル名と同じ名前にしておく事です。&br;
#clear
座標の記入の仕方は''2種類''あり、&br;
 「&color(black,#D9FFFF){地図画像の''左上''と''右下''の座標を設定する方法};」  と  「&color(black,#D9FFFF){地図上の交差点等の目印2点を基準に設定する方法};」 です。&br;
&br;
今回は大きく実用的な地図を ''Google Map APRS'' で作る事を前提にしているので、
精度が高い ''左上・右下'' 座標の方法を紹介します。&br;
''Method''の設定は''Top left/bottom right'' のままにしておきましょう。
2点測位の場合は ''Two points''の方にラジオボタンを変更します。
----
#ref(gmap-inf2.png,right,around,nolink,Google Map APRS上で座標を取得する。)
-先程地図をコピーした ''Google Map APRS'' のブラウザを再度開いて、&br;
ウィンドウサイズを変更したり、地図を動かしたりしないように&br;
気をつけながら、''地図の左上''まで''マウスポインター''を移動させます。&br;
&br;
すると、右写真のように地図上に座標が表示されますので&br;
地図の''最も上''で''最も左''となる場所の座標を確認しましょう。&br;
&br;
&br;
UI-View32 の画面に戻って、''Create An INI File''の画面の&br;
''Top left''側の ''Latitude''に 『 ''34.24.73N'' 』&br;
''Longitude''に 『 ''132.24.58E'' 』 という感じに入力します。&br;
#clear
同様に、''Google Map APRS'' 地図画面 右下にマウスポインターを移動させて、''最も下''で''最も右''となる場所の座標を調べます。&br;
そのポイントの座標を''Bottom right''側に入力します。&br;
&br;
&br;
全て入力し終えたら ''Ok'' をクリックします。&br;
設定画面が消えて座標割り当てを終えた地図が UI-View32 の画面に表示されます。&br;
&br;
#ref(complete.png,nolink,地図画像と座標INFデータファイル)
と、同時に画像データのある場所と同じ場所に ''HIROSHIMA-CITY.INF'' のように画像と同名の ''.INF'' ファイルが出来ているはずです。&br;
この''画像ファイル'' と ''.INF'' ファイルは''2つで1つ''のセットファイルになりますので、一緒に扱って下さい。&br;
☆ この地図データのセットファイルは''UI-View32''だけでなく、''AGWTracker''でも使用可能です。&br;
&br;
&br;
以上で 地図作成は終了です。
&br;
&br;
&aname(Convert);
*【おまけ】画像形式を変える [#y15249ea]
出来れば、綺麗な地図データを多く使いたいところですが、''ビットマップ(.bmp)''形式のファイルは、どうしてもファイルサイズが大きくなり&br;
UI-View32 で表示させる場合もモタつく事があります。&br;
&br;
UI-View32 もマルチで色々な画像形式に対応してくれると都合が良いのですが、融通が効きません(^^;&br;
(個人的にはGoogleMapのようなポスターカラーチックな地図は PNG形式が画質劣化が少ないと思っています。)&br;
&br;
UI-View32 の場合は ''ジェイペグ(.jpg)''形式の表示は正常に行えるようなので、その形式を使いましょう。&br;
Windows標準のペイントで加工し保存する際にJPEG形式で保存しても良いのですが、圧縮率が悪かったりで画質劣化が気になる場合は&br;
他の''画像変換ソフト''を使用する事を強くオススメします。&br;
&br;
&br;
----
著:''[[JN4OQT]]'' ((Copyright © 2010 ''[[JN4OQT]]'' All Rights Reserved.))    [[&attachref(Twitter/tweetthis100_3.png,nolink,Twitterでつぶやく);:http://twitter.com/home?status=%E3%80%90%E6%84%9F%E6%83%B3%E3%82%84%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E3%81%93%E3%81%93%E3%81%AB%E3%81%A4%E3%81%B6%E3%82%84%E3%81%84%E3%81%A6%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%91%20%40techy9%20%23APRS_JP%20http%3A%2F%2Fbit.ly%2Favclx1]]&br;
&br;
&br;
----
* 上の記事はいかがでしたか? [#c290c48a]
#vote(参考になった[37])
#vote(参考になった[38])
*コメントはこちらへ [#mfe21292]
- とても参考になります。執筆ありがとうございます&お疲れ様です。 -- [[JM4PTF]] &new{2010-01-15 (金) 23:52:28};
- &color(Lime){どうやってUi-Vier32の地図作成するのか探してました};。 -- [[JH5JJK]] &new{2010-06-30 (水) 02:12:12};
- Ui-View32がやっと使えるようになりました。感謝してます (^^)   -- [[jj7iwf]] &new{2011-07-18 (月) 05:24:30};

#comment
----
#topicpath
----