サイト内検索

旅の道具 日本地図の書き方

日本一周旅程図 ペイントで作成

右側の行程図は、「Webm旅 日本略地図 200px×200px 背景ブラック A」にウィンドウズ標準のペイントを使用して作成。

 魅力的な旅行に関するブログやウェブサイトに必要なものとは何だろう?
 的確で含蓄に富んだ文章や味わい深いスタイルをもった文章、一目見て心を奪われるエキゾチックで旅情を煽る写真、その他、動画という人もいるかもしれない。どれも大切な要素と言えるかもしれない。わたしだったら、ここに地図を加えたい。魅力的な旅行に関するブログやウェブサイトを見たら普通そこに行きたくなる。雑誌やテレビ番組、旅行ガイドブックで紹介されているメジャーないわゆる観光スポットでは無く、オリジナリティあふれる個性的な場所であったら、ページにグーグルマップを貼り付けてみたり、出来合いのブログパーツの地図ではイマイチだ。どうせならオリジナリティのある地図でページを飾りたい。

 今回の当ウェブマガジンのテーマは『日本一周』。周遊旅行を取り上げたブログサイトやウェブページにとって、その旅程を文書以外で紹介することは、お店やおすすめスポットを地図で紹介することよりも重要に思える。お店などは住所を記載しておけば、地図サイトなどを使って簡単に調べることができるが、周遊旅行の行程を地図サイトのようにグラフィックにしてくれるサイトは、私の知る限り今のところはない。パッケージツアーのような単純往復の旅程なら別に行程を図式化する必要も無いがオリジナルな旅程、それも日本一周であったら、その行程はぜひ図式化したい。
 そこで、「日本地図」それも略地図の簡単な書き方を紹介したいと考えた。アドビのイラストレーターなどのアプリケーションソフトを使った書き方ではなく、ウィンドウズに最初から入っている「ペイント」ソフトを使った略地図の書き方を紹介しようと考えた。私自身「ペイント」のユーザーといえるほどこのソフトを使用したことはない。日本略地図の書き方を試行錯誤しつつ「ペイント」を使ってみると2つの壁につきあたった。一つ目は、根本的に私の書いた日本略地図はどれも日本地図に見えづらいこと。二つ目は、「ペイント」が思いのほか使いづらいことだった。ペイントのアンドゥ(やり直し[元に戻す])機能は3回前のことしか元に戻せない。また、基本的にラスタ画像ソフトなため、ベクタ画像(ドロー系)ソフトのような簡単な操作での修正がきかない。最初からウインドウズに入っている操作性の低いソフトで何かをやる方法を説明するのが好きな人がいるが、例えば、ウィンドウズの「メモ帳」で作るホームページとか。私は勧めない。本当に使ってみれば分かるが膨大な時間と労力を浪費することになる。
 オープンオフィス(OpenOffice)には、無料のイラスト(ドロー系)ソフトが含まれているそうなので、本格的に略地図作成を考えている人はそれを使うのがいいかもしれない。ただ、ここでソフトのインストール方法から初めて日本略地図の書き方を説明するのはあまり『簡単』とは思えない。

 そこで、日本地図の略地図の書き方は、欄外に箇条書きにしてまとめ、当ウェブマガジンで行程表に使う土台となる日本略地図の画像を用意し、その上に行程を「ペイント」で書き込む方法を紹介したい。
 行程表(日本一周)の土台用に用意した略地図は、サイズが3種類、色は7種類、デザインは3種類。言語は日本語と英語用の2種類。下記の禁止事項に触れなければ、自由にブログやウェブサイトに使うことができる。

Webm旅 日本略地図の使用について

 Webm旅 日本略地図は、下記の禁止事項に触れなければ、ウェブサイト、ブログの旅行に関連するコンテンツの説明用の地図として無料で使用することができます。 オリジナルの日本略地図の上に旅程、都市名などの書き込みをしてウェブサイトやブログに掲載することもできます。日本略地図の画像ファイルをダウンロードし、ウィンドウズに標準で装備されている『Microsoft ペイント』などで書き込みを行い、出来上がったファイルをご自身のウェブサイト、ブログのサーバーにアップロードすることができます。
 略地図をオリジナルのまま掲載する場合、各画像に用意されたHTMLソースを貼り付けることで、ウェブサイト、ブログに日本略地図を表示することも出来ます。その時、下記の禁止事項に触れなければ、サイトやブログの文字コードなどに合わせた、HTMLソースの変更も可能です(HTMLソースに含まれる画像についた当ウェブサイトへのリンクを削除することも可能です。)。

下記の行為については禁止します。

・ 旅行に関連していないウェブサイト、ブログ、コンテンツでの略地図の使用。
・ オリジナルの日本略地図、書き込みや変更を行った日本略地図を配布すること。
・ 略地図の一部分だけを使用すること。
・ 略地図のサイズを縮小すること。
・ 権利帰属、権利帰属表示を変更したり、権利帰属表示を見えづらくすること。
・ 500部を超える印刷物での使用。

お願い

 日本略地図をウェブサイト、ブログに使用されるときに、当ウェブサイトへのリンクも一緒に設置していただけませんか。

Webm旅
HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ">Webm旅</a>

Webm旅 日本略地図 日本語

Webm旅 日本略地図 200px×200px 日本標準子午線記載

Webm旅 日本略地図Webmtabi Japan rough map

HTMLソースの例 日本語

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

HTMLソースの例 英語

<a href="http://www.webmtabi.jp" title="Webmtabi"><img src="http://www.webmtabi.jp/200908/maps/map-japan200en_webmtabi.gif" alt="Webmtabi Japan rough map" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px 背景ブラック A

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200-b_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px 背景ブラック B

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japans-b_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px グリーン

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200g_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px ブルー

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200b_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px グレー

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200gl_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px レッド

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200r_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

Webm旅 日本略地図 200px×200px ピンク

Webm旅 日本略地図

HTMLソースの例

<a href="http://www.webmtabi.jp" title="旅のバリエーションルートを提案するウェブマガジン Webm旅最新号へ"><img src="http://www.webmtabi.jp/200908/maps/map-japan200p_webmtabi.gif" alt="Webm旅 日本略地図" width="200" height="200" /></a>

200px×200px
東京、大阪・TOKYO,OSAKA.
札幌、仙台、東京、名古屋、京都、大阪、広島、福岡、那覇
SAPPORO,SENDAI,TOKYO,NAGOYA,KYOTO,OSAKA,HIROSHIMA,FUKUOKA,NAHA.

300px×300px
450px×300px

『Microsoft ペイント』の使い方

Microsoft ペイント

 ウィンドウズに標準で装備されている『Microsoft ペイント』の使い方。
 OSにウィンドウズを使っている場合、最初から『ペイント』はインストールされているアプリケーションソフト。基本的な操作方法は、WordやExcelなど(2007以前の)と同じ。左上の[ファイル]メニューから[開く]、[名前を付けて保存]などでファイルを操作する。[ファイル]の隣りにある[編集]メニューの[元に戻す]は、3回までしか記憶していない『細かくセーブする。』などをしてせっかくの作業が無駄にならないように気をつけよう。

ペイントを立ち上げる XPの場合

1 画面左下にある[スタート]ボタンをクリック

2 ドロップダウンリストの[すべてのプログラム]ボタンにポインタを合わせる

3 [アクセサリ]フォルダーにポインタを合わせ、ドロップダウンリストの[ペイント]ボタンをクリック

ペイントを立ち上げる Vistaの場合

1 画面左下にある[スタート]ボタンをクリック

2 ドロップダウンリストの[すべてのプログラム]ボタンにポインタを合わせる

3 [アクセサリ]フォルダーをクリック、ドロップダウンリストの[ペイント]ボタンをクリック

ペイントの基本操作

 日本地図の上に、旅程を書き込む場合、基本的に必要なことは『線を引く』ことと『字を書く』ことの2点になる。ペイントはソフトを立ち上げればそのまま使えるので、まず、線と字を書いてみよう。

線の引き方

ツールボックスにある『斜めの線のアイコン(直線アイコン)』をクリックすると、ポインタが十文字に変わる。マウスでドラッグ(左ボタンを押しっぱなしに)すれば線が引ける。[シフト]ボタンを押しながら上下にドラッグすれば垂直に、左右にドラッグすれば水平に、斜めにドラッグすれば45度の斜線が引ける。線を引く前にツールボックスの下にある太さの異なる線をクリックすれば線の太さも変えることができる。線の色は、カラーボックスにあるパレットの色をクリックして変更する。

文字の書き方

ツールボックスにある『Aのアイコン(テキストアイコン)』をクリックすると、ポインタが十文字に変わる。字を配置したいところでクリックすると点線の長方形が表れる。キーボードで文字を入力すれば長方形の中に字を書くことができる。基本的に文字が入る長方形は左右には拡大しないので入力する文字数やサイズに合わせてマウスをドラッグして長方形を配置する。文字の色は、カラーボックスにあるパレットの色をクリックして変更、文字のサイズや使用するフォントは、[表示]メニューをクリック、プルダウンメニューの[書式バー]をクリックし、[書式バー]で変更する。
ツールバーの下にある2つのアイコンで文字を入れる長方形の色を透明にするかカラーボックスの背景色にするかを選ぶことができる。背景色にすると地図も消えるので、地図上に字を書くときは透明を選ぶ。

ペイント 背景色アイコン

ペイント 背景色アイコン

ペイント 透明アイコン

ペイント 透明アイコン

ペイントの操作のコツ

消しゴムツールなど一見すると便利なツールに見えるが、細かい操作が出来ないことや、ペイントにはレイヤー(画像を重ねて表示する)機能が無いことなどから、修正は[編集]メニューの[元に戻す]を使った方が無難。

日本略地図に行程を書き込む流れ(ウィンドウズの場合)

1 使いたい『Webm旅 日本略地図』画像の上で右クリック[名前を付けて画像を保存]をクリックしてパソコン上に略地図を保存

2 ペイントを立ち上げる

3 [ファイル]メニュー、[開く]で保存した画像を開く

4 ツールボックスの[直線]アイコンを選び、ポインタをドラッグして行程を書き込む

5 背景を透明にして[テキスト]アイコンで文字を書き込む。

6 [ファイル]メニュー、[名前を付けて保存]で保存する。ファイルの種類は『GIF』とする。

7 保存後、右クリック[名前の変更]で、ファイルの拡張子を『GIF』から小文字の『gif』に変更する。

日本地図
略地図の書き方

北緯45度、東経135度のラインを引く

北海道の基本形はひし形

本州、北海道の面積の割合は
およそ3:1

本州の太平洋側の線は、房総半島、東京湾の辺りで曲げる

北海道、九州、四国の面積の割合は
およそ4:2:1

四国の基本形は長方形

九州の基本形は五角形

日本地図の略地図として目にする機会が多いものに、都道府県図がある。都道府県図は、各県を一つの単位として四角などでサイズや位置と無関係に作られることが多い。最近では、すべてを四角で表現する日本地図に慣れてしまったため、ある程度、各県の位置を重視した略地図がそれらしく見えなくなってきている。
四角だけを使って略図を書くのは、ある意味簡単だが、旅程図には向かない。例えば、北海道がただの四角形なら、あなたなら函館と室蘭をその四角のどこに書くだろうか(稚内と根室なども四角に書くのは難しい)。

四角日本地図略図

参考書籍

「略地図の書き方」香川幹一 古今書院 昭和32年

「都道府県大図解 日本の地理 11地図の見方・使い方」学習研究社 2007年

略地図使用のQ&A

Q
旅行のウェブサイト、ブログではないがこの略地図を紹介したいのですが使用できますか。
A
はい。「旅行に関連するウェブサイト、ブログが使用できる説明用の地図」ということをご紹介いただけるのであればご使用いただけます。

Q
社内のイントラネット上の出張報告に略地図を使用したいのですが。
A
はい。イントラネット、会員制のSNSサイトでもご使用いただけます。

Q
旅行に関係ないサイトの旅行に関係ないコンテンツで略地図を使用したいのですが。使用できますか。
A
いいえ。ご使用いただけません。

ペイント各部の名称

アイコンの説明

自由選択アイコン
自由選択
選択アイコン
選択
消しゴム/カラー消しゴムアイコン
消しゴム/カラー消しゴム
塗りつぶしアイコン
塗りつぶし
スポイト(色の選択)アイコン
スポイト(色の選択)
虫メガネ(拡大と縮小)アイコン
虫メガネ(拡大と縮小)
鉛筆(フリーハンドライン)アイコン
鉛筆(フリーハンドライン)
ブラシアイコン
ブラシ
エアブラシアイコン
エアブラシ
テキスト(文字)アイコン
テキスト(文字)
直線(ライン)アイコン
直線(ライン)
曲線アイコン
曲線
四角形アイコン
四角形
多角形アイコン
多角形
楕円アイコン
楕円
角丸四角形アイコン
角丸四角形

Yahoo! カテゴリ掲載サイトです

旅行、観光 > 旅のノウハウ

今年の夏は日本一周

さあ、日本一周旅行に出かけよう…

基本的な旅の技術

もしも、グーグルのトップページの検索ボックスが…

時刻表の読み方

JTB時刻表とJR時刻表 どちらを買うか?…

1日ニッポン一周

一日あれば出来る日本一周…

日本のプロフィール

47都道府県の位置、人口、面積、観光客数…

正岡子規 俳句