1目次12345

生物相調査マップについて
1.1 システムの概要
1.2 マップ作成作業の流れ
データの収集記入シートへの書き込み
3.1 記 入 シ ー ト の 構 成
3.2 地 図 の 表 示 設 定
3.3 地点情報の記入
3.3.1 記 入 行 の 操 作
3.3.2 マ ー カ ー 情 報 の 記 入
3.3.3 ウィンドウ情報の記入
3.4 移動先座標の記入
3.5 ポリライン情報の記入
3.6 ポリゴン情報の記入
3.7 Web ページデータの作成
Web サイトへの設置
4.1 フォルダ環境の設定
4.2 Web ページデータのアップロード
今後の開発予定

・GoogleMap は Google Inc の登録商標です。
・MicrosoftExcel および Windows、WindowsXP は Microsoft
Corporation の米国およびその他の国における登録商標です。

23456７8910111213141415

１．生物相調査マップについて
１．１．システムの概要
生物相調査マップは、動物、植物などの生物相に関する調査情報を GoogleMap 地図サービスを利用した Web-GIS（地理情報システム）として公開するためのシステムです。GISに使うマップデータの作成には MicroSoft-Excel で作成したマクロ内蔵の記入シートを使い、初歩的な Excel の操作とホームページ作成の知識があれば容易に生物相に関する調査情報を Web-GIS 上に公開することが可能です。
マクロで生成記入

Web サーバにアップロード

写真、調査記録

インターネット

マップ
データ

記入
シート

GoogleMap で地図を表示

１．２．マップ作成作業の流れ
生物相調査マップは以下の手順に沿って作成します。
①データの収集
マップに表示するための画像や地点情報（座標）を用意する。
②情報記入シートへの書き込み
Web ページデータを作成するマクロを組み込んだ記入シート（Excel ワークブック）
へ情報を記入後、マクロを実行してインターネットへ公開するための Web ページデータを作成する③Web サイトへの設置作成した Web ページデータを公開用の Web サイトにアップロードしてインターネット上に公開する作業に当たっては、事前に以下のものを用意して下さい。
・作業用パソコン
OS は WindowsXP 以降であること（Windows 以外の OS は不可）。
2000 以降のバージョンの MicroSoft Excel がインストールされていること。
・生物相調査マップ用情報記入シート（Excel ワークブック）のファイル
・公開用の Web サーバ
GoogleMap API を使用するため Web ページデータを設置するフォルダにはベーシック認証などのパスワードロックを掛けないこと.。
・FTP アップロードソフトウェア（無ければ Windows の標準機能でも可）3

２．データの収集
生物相調査マップの作成に当たって、以下の情報を事前に収集してください。

①座標データ
地図上に、マーカー（点）、ポリライン（線図形）、ポリゴン（面図形）などの図形を配置するためには、それらを構成する地点の座標（緯度、経度）を事前に用意する必要があります。
各図形に必要な座標点は以下の通り
図形

必要な座標点の数（図形１つにつき）マーカー（点）１

ポリライン（線図形）

2 つ以上

ポリゴン（面図形）

3 つ以上

座標点の測地系は世界測地系、単位は degree 度で用意してください。
(度.分.秒)単位から degree 度単位への変換式は以下の通りです。
[degree 度]＝[度]＋[分]/60+[秒]/3600
座標（緯度、経度）の入手手段としては、ハンディ GPS や GPS 内臓のスマートフォン・デジタルカメラによる位置座標の計測、あるいは座標検索用の Web サイトによる検索などの方法があります。

②画像データ
マーカーに設定する情報ウィンドウに画像を表示する場合は、表示する画像ファイルを用意して下さい。表示できる画像ファイルの仕様は以下の通り。
項目仕様

画像フォーマット

JPEG（推奨）、PING、GIF

縦横比

横：縦

画像サイズ

640×480 ピクセルを推奨＝４：３（この比率以外の場合、画像が歪みます）

デジタルカメラで撮った写真データやスキャナーで取り込んだ画像データを画像処理ソフトなどを使って上記の仕様に合うように加工してください。

4３．記入シートへの書き込み
３．１．記入シートの構成収集した情報を入力する記入シート（Excel ワークブック）は以下の４つのワークシートで構成されています。

① 地図設定・地点情報入力シート（シート名：入力シート）
地図の表示設定（中心座標、尺度など）と地点情報を入力するためのワークシートです。

②移動先入力シート（シート名：移動先）
地図表示の切り替え先（移動先）の座標と尺度の情報を入力するためのワークシートです。

③線図形情報入力シート（シート名：線図形）
地図上に表示する線図形（ポリライン）の情報を入力するためのワークシートです。

④面図形情報入力シート（シート名：面図形）
地図上に表示する面図形（ポリゴン）の情報を入力するためのワークシートです。

5

３．２．地図の表示設定
生物相調査マップの Web ページを開いた時の GoogleMap の地図表示の位置と尺度の内容を地図設定・地点情報入力シートに記入します。
②タイトル

①日付

GoogleMap の表示設定③マーカーの標準色④表示地図の中心座標（緯度）⑤表示地図の中心座標（経度）⑥表示地図の尺度

地図設定・地点情報入力シートへの記入内容は以下の通り。
②

①④

③

⑤

⑥No.

項目名内容

①

日付

ページのタイトルと一緒に表示される日付

②

タイトル

ページのマップの上に表示されるタイトルの内容

③

マーカー色

地点マーカーの標準色④

緯度

地図の中心座標の緯度⑤

経度

地図の中心座標の経度⑥

ズーム

地図の表示尺度0～20 の製数値※を入力する※ズームの入力値について
ズーム=20 で幅が約 50m となり、１減る度に 2 倍になります。
ズーム=18 なら約 200m
ズーム=16 なら約 800m
ズーム=14 なら約 3Km

6

３．３．地点情報の記入
３．３．１ 記入行の操作
記入行は、マーカー情報、ウィンドウ情報を入力する欄が 1 セットになった Excel ワー
クシート 4 行分のセルで構成される記入欄です
マーカー情報入力欄（1 行分）

ウィンドウ情報入力欄（3 行分）
下記のボタンで記入行の追加、削除、移動などの操作を行うことができます。
①

②

③④No.

ボタン表示

内容

①

↑

クリックすると選択※した記入行を上に移動させます②↓

クリックすると選択した記入行を下に移動させます③

追加

クリックすると選択した記入行の下に新しい空の記入行を追加します。

④

削除

クリックすると選択した記入行を削除します。
（確認のメッセージを表示しないのでご注意ください）※下記の青枠の範囲内のいずれかのセルを選択しているとその記入行を選択していることになります7

３．３．２ マーカー情報の記入
地図上に表示する地点情報を示すマーカーアイコンの位置と色を設定します。

1 つのマップ上に記号 A～Z×10 色：計 260 個のマーカーを置くことができます。

地図設定・地点情報入力シートへの記入内容は以下の通り。
①

③②

No.

項目名

内容

①

緯度

マーカーアイコンの位置座標の緯度②

経度

マーカーアイコンの位置座標の経度

③

マーカー色

マーカーアイコンの色（未指定の場合は標準色※を設定）※３．２．地図の表示設定を参照★マーカー色は赤色,青色,茶色,暗緑色,緑色,オレンジ,水色,ピンク,紫,黄色の 10 色の中から選択可能。

赤

青茶

暗緑

緑

オレンジ

水色

ピンク

紫

黄色

マーカーアイコン色別サンプル★マーカーに付く A～Z の記号は色別に記入行の昇順で割り付けられます。

8３．３．３ ウィンドウ情報の記入
マーカーアイコンをクリックしたときに表示される情報ウィンドウの内容を設定します。
情報ウィンドウは地図設定・地点情報入力シート上で座標が記入されている記入行のマーカーに登録されるため、以降の記入行内に座標を記入しないことで、１つのマーカーに複数の情報ウィンドウを登録できます。
座標を入力した記入行

タブボタン

①名前

（マーカー＋情報ウィンドウ）③画像

座標を入力しない記入行

タブボタンをクリックするとウィンドウを切り替えることができます。

上記入行マーカーの２つめの情報ウィンドウになる。

④コメント

地図設定・地点情報入力シートへの記入内容は以下の通り。
②

①

④

③

No.

項目名

内容

①

名前

情報ウィンドウの名前（タイトル）②

リンク

タイトルをクリックしたときのリンク先 URL（記入時のみ）

③

ファイル

情報ウィンドウに表示する画像データの取り込み元のファ
イルパス、セルをダブルクリックしてファイル選択ダイアログで設定できる。
（選択後に右側にプレビューを表示）

④

コメント

情報ウィンドウのコメント欄の内容（Alt+Ctrl で改行可）
以下の書式で表形式やリンクを作ることができる。
・表形式（右に表示例）[左側の内容]:[右側の内容]・リンク（右に表示例）[表示内容]@[リンク先の URL]
※上記の書式で@と半角のコロン(:)を使うため、コメント内で使用する場合は全角（＠、：）にしてください。

9

３．４．移動先座標の記入
クリックすることで地図の中心座標と尺度を切り替えることのできる表示移動ボタンの情報を移動先入力シートに記入します。
表示移動ボタン
最初の表示位置に戻るボタン

クリック

ボタンに登録した移動先登録した座標と尺度に表示が切替わる

移動先入力シートへの記入内容は以下の通り。
②

①

③No.

項目名

内容

①

名前

移動先の名前（ボタンの表示名）②

緯度

移動先地図の中心座標の緯度③

経度

移動先地図の中心座標の経度④

ズーム

移動先地図の表示尺度※ 「３．２ 地図の表示設定」を参照

10④0～20 の製数値※を入力する

３．５．ポリライン情報の記入
地図上に表示するポリライン（線図形）の情報を線図形情報入力シートに記入します。
線をクリックすると情報ウィンドウが表示されます

線は色，太さ，透明度を設定可能

線図形情報入力シートへの記入内容は以下の通り。
①②③④⑤No.

項目名

内容

①座標

ポリラインの構成座標
書式： [緯度],[経度]| [緯度],[経度]|・・・・②

太さ

線の太さ（ピクセル単位）③

色

線の色（#rrggbb 表記）④

透明度

線の透明度を表す 0（透明）～1.0（非透明）の実数

⑤

コメント

情報ウィンドウのコメント欄の内容（Alt+Ctrl で改行可）
書式は地点情報の場合と同じ（３．３．３を参照）

11

３．６．ポリゴン情報の記入
地図上に表示するポリゴン（面図形）の情報を面図形情報入力シートに記入します。

面の色、面の透明度
枠線の色，枠線の太さ，枠線の透明度を設定可能

図形をクリックすると情報ウィンドウが表示されます

面図形情報入力シートへの記入内容は以下の通り。
①②③④ ⑤⑥⑥No.

項目名

内容

①座標

ポリラインの構成座標
書式： [緯度],[経度]| [緯度],[経度]|・・・・②

線太さ

枠線の太さ（ピクセル単位）③線色

枠線の色（#rrggbb 表記）

④

線透明度

枠線の透明度を表す 0（透明）～1.0（非透明）の実数⑤

面色

面の色（#rrggbb 表記）

⑥

面透明度

面色の透明度を表す 0（透明）～1.0（非透明）の実数

⑦

コメント

情報ウィンドウのコメント欄の内容（Alt+Ctrl で改行可）
書式は地点情報の場合と同じ（３．３．３を参照）

12

３．７．Ｗｅｂページデータの作成
地図設定・地点情報入力シートに保存先の情報を記入し、「Web ページ作成」ボタンをクリックすると Web ページデータ作成プログラムが実行され、公開用の Web ページデータを収納したフォルダが作成されます。
①保存先フォルダのパスを記入②作成する Web ページデータフォルダを記入③クリック

処理が完了すると、作成したフォルダ名を保存先のパスを知らせるメッセー
ジが表示されます。

作成されるデータの内容と構成は下図の通り「フォルダ」項目で記入したパスのフォルダ作成されるフォルダ
名前は「フォルダ名」項目で入力した名前

data.xml

map.htm

image

地 図の 表示情 報 を収納したデータファイル

地図を表示する Web
ページファイル
情報ウィンドウに表示する画像ファイルを収納するフォルダ

画像ファイルWeb ページデータフォルダの構成
13

４．Web サイトへの設置
４．１．フォルダ環境の設定
地図ページを表示できるようにするために Web ページデータを配置する Web サーバ側のフォルダ内は下図の様に設定します。
配置された Web ページデータ

地図ページを表示するために必要なファイル・フォルダ

配置フォルダの内容
地図ページを表示するために必要なファイル・フォルダは以下の通り
名前

内容

image

地図ページで使用するアイコンや画像を収納するフォルダ

gmaps.js

GoogleMap を制御するための JavaScript プログラムファイル

map.css

地図ページの表示形式を設定するための CSS ファイル

list.xsl

GoogleMap が使用できない場合に data.xml ファイルの内容を Web ページとして表示するための XSL スタイルシートファイル

list.css

data.xml ファイルの内容を Web ページとして表示した場合のページの表示形式を設定するための CSS ファイル

４．２．Web ページデータのアップロード
Web ページデータのアップロードは、一般の Web ページと同じく FTP ツールを使って行います。なお、FTP ツールは、フォルダ単位のアップデート機能を持ったものを使用して下さい。アップロードした地図ページは以下の URL でアクセスできます。

[配置フォルダの URL]/[Web ページデータのフォルダ名]/map.htm例）配置フォルダの URL：http://www.k-krouto.com/map
Web ページデータのフォルダ名：20130220_mapdataの場合は
http://www.k-krouto.com/map/20130220_mapdata/map.htmとなります。

14

５．今後の開発予定
今後、開発する機能としては以下のようなものを予定しています。

① 地点情報データ検索・集計機能蓄積された地点情報データファイル群を１つのデータベースに見立てて、地域、日時、動植物の種別、名称などをキーとしてデータを抽出・集計し、その結果を地図や表などのWeb ページとして生成する機能の開発。
処理結果を Web ページに表示

検索・集計処理② 携帯端末機器による情報入力システム
最近はスマートフォンやタブレットなどの端末には GPS やデジタルカメラが標準搭載されている。これらを利用して、調査を行っている現地で収集したデータを直接マップページに登録できるシステムの開発。
座標や写真などの情報をインターネット経由でサーバに送る

携帯端末（スマートフォンなど）

インターネット回線

15

マップ公開サーバー