1.トップ画面



1.タイトルとURLクリック
ここをクリックすると、作成された地図の閲覧画面に移動します。直接リンクを貼る場合もこのURLを使用してください。
2.新規作成
ここをクリックすると、新規作成画面に移動します。
3.編集
作成時に設定したパスワードを左欄に入力してここをクリックすると、編集画面に移動します。
4.削除
作成時に設定したパスワードを左欄に入力してここをクリックすると、作成した地図を削除します。
5.遷移
その辺にある掲示板と機能は同じですが若干手抜きです。

2.作成画面

1.地図閲覧モードの選択
ここを選択する事で、地図上をクリックした時にライン描画モードとマーカー設置モードを切り替える事が出来ます。
初期表示の地図閲覧モードにすると、クリックした時何も起こりません。
2・6.色設定
テキストボックスに任意のカラーコードを入力する事で、任意の色でラインやマーカーを設置する事が出来ます。
使用出来るのはこの形式のみで色名等は使用できません。
また、設定した後「色適用」「マーカーorラインにも適用」をクリックしないと反映されませんので注意して下さい。
このテキストボックスは、html5.jp様の「cpick.js」を使用しておりますので、直接入力の他、画面上でも選択する事が出来ます。
3.連続描画を中止
このボタンをクリックすると、連続して引いている線を途中で止める事が出来ます。
ラインの分岐や継ぎ足し等行う時に使用して下さい。
4.一つ前に戻す
ラインを引いている最中にこのボタンをクリックすると、直前のに引いた線を削除します。連続で押す事も可能です。
5.全削除
画面上のラインを全て削除します。
7.表示文字
マーカーに直接表示される文字となります。マーカーを設置する場合は必須となります。
最大3文字まで入力する事が出来ますが、⑰の団子表示にも使いますので通常は2文字が最適だと思われます。
また、半角文字を使うと表示がずれますので注意して下さい。
8.タイトル
マーカーにマウスを合わせた時に出現するタイトルを入力します。
9.吹き出しの内容
マーカーをクリックした時に出力される説明文を入力します。
ここの改行のみ<br>タグかキーボードでの改行が使用できます。
10.修正適用
後述する、マーカー修正モードで修正を適用します。
11.テキストクリア
7、8、9の欄をクリアします。
12.全削除
地図上のマーカーを全て削除します。
13.ライン距離と初期化
ラインの合計距離を出力します。記録はされませんので、必要なら18欄に記述して下さい。
14.登録
作成した地図を登録します。パスワード(半角英数字)と地図のタイトルは必須項目となります。
また、登録はバックグラウンドで行われ、完了後もページ遷移しませんので引き続き作成する事が出来ます。
登録が完了すると、ダイアログボックスが出て登録した地図IDが出力されます。
※動作が若干不安定です。また、警告にもあるように登録中にページ移動や登録ボタンの連打等を行うと
正常に記録されません。
15.タイトル
作成した地図のタイトルを記述します。タイトルは、トップページの作成地図一覧でも表示されます。
16.詳細1
閲覧モードで、説明文として下一段目に出力されます。いわゆる串団子用に作成しております。
16・18欄はタグは使えません。
また、16欄のみ等幅フォントで出力されますので、うまくずれないように書いてください。
17.団子支援
7で記述したマーカー表示名を、順番に横方向に出力します。後は団子作成用の線や記号を使って
団子作成して下さい。
18.詳細2
閲覧モードで、説明文として下二段目に出力されます。地図の説明とかネタとかその他もろもろ
記述して下さい。

3.地図作成のやり方

説明の数字は2.作成画面の画像を参考にしてください。

A.ライン描画
1.地図閲覧モードの選択で「ライン描画」を選択し、地図上のラインを引きたい場所をクリックしていきます。
2回目のクリック以降、クリックした所に連続で線が描かれていきます。
B.ライン色変更
2.色指定で色を指定した後、「色適用」か「マーカーにも適用」を押してから地図上をクリックすると、
新たな線は新しい色で描かれていきます。
C.ライン削除
4.一つ前に戻す5.全削除でボタンにより削除する方法の他に、
地図上でラインにカーソルを合わせた状態で右クリックする事でも削除する事が出来ます。
D.マーカー設置
1.地図閲覧モードの選択で、「マーカー設置」を選択し、地図上をクリックすると、
その位置に6~9で入力した内容のマーカーが設置されます。
17.団子支援では、設置した順番に出力されますので、マーカーの移動や削除を繰り返すと 見た目の順番とはずれて出力される場合があります。
出来るだけ順番に設置するようにし、やむを得ない場合は団子出力後に出力文字を調整して下さい。
E.マーカー移動
1.地図閲覧モードの選択で、「マーカー設置」を選択し、地図上に設置したマーカーをドラッグドロップで
移動させる事が出来ます。
F.マーカーの修正
1.地図閲覧モードの選択で、「マーカー設置」を選択し、地図上に設置したマーカーをクリックすると
そのマーカーの情報を6~9に出力するか問い合わせがあるので、ここで「はい」を選択します。
次に、6~9の欄を書き換えて、10.修正適用をクリックすると、修正内容が反映されます。
G.マーカー削除
12.全削除でボタンにより削除する方法の他に、地図上でマーカーを右クリックでも削除する事が出来ます。

戻る