ブログパーツ旅の写真日記の貼り付け方法

ルート再生旅の写真日記

　ホームページ内に貼り付けると、旅のルートを再生して、写真と同時に見られるブログパーツです。ご自由にご利用ください。

　　・地図左下のコントロールバーを操作して、指定した地点とルートを地図上で
　　　たどります。
　　・指定した地点に写真ファイルが指定してあれば、その地点に到達した際には
　　　Photoエリアに写真が表示されます。
　　・左下の地点リストで、直接地点を指定できます。
　　・地点の指定は、ブログパーツを貼り付けたページ内に記述できます。
　　・HELPをクリックすると操作方法を確認できます。
　　　　　　※説明には東京発フリー写真素材集のページの写真を
　　　　　　　利用させていただいています。

〔地点の指定〕

speed=100
traveler=1
35/40/42   , 139/45/13   , travel/photo/sakuradamon.jpg ,桜田門
35/40/48.7 , 139/45/13.0 , travel/photo/nijyubashi.jpg  ,二重橋
35/40/57.2 , 139/45/20.4 , travel/photo/sakashita.jpg   ,坂下門
35/41/2.5  , 139/45/30.6 , travel/photo/kikyoumon.jpg   ,桔梗門

わからない所や要望があれば、Wikiのページからコメントしてください。⇒
差支えなければ、利用された方もコメントください。（強制ではありません。）⇒
こちらからもリンクします。
〔注意事項〕
　　・予告なく、内容を変更したり停止終了する場合があります。
　　・貼り付け用のhtml文を変更しないでください。
　　・提供されるhtml文の内容をコピー、改変はしないでください。

　※グーグルマップ上に人工衛星を飛ばすブログパーツ、
　　地図上に位置を自動表示するブログパーツもあります。

利用方法

１.

HTML文内への貼り付け

ここの表示をHTML文内に貼り付けてください。

<!-- TravelMap -->
<div id="TravelMap" style="position:relative;width: 530px; height: 378px; border: 1px solid gray;">
<script type="text/javascript" charset="utf-8"  src="http://www.cpslabo.com/travel/travelmap.js"></script>
</div>
<!-- TravelMap -->

２.

地点の指定

場所の指定は、
タグを貼り付けたHTML文内に、
１行ごとに、
緯度、経度、写真画像URL、コメント
を「 , 」で区切って並べた地点のリストを<pre id="TravelData">　と　</pre>　で囲んで記述します。
データを表示させない場合は、<pre id="TravelData" style="visibility:hidden">　と　</pre>　で囲んでください。

〔地点記述例〕
緯度       , 経度        , 写真画像URL           ,コメント
<pre id="TravelData">
speed=100
traveler=1
35/40/42   , 139/45/13   , travel/photo/sakuradamon.jpg ,桜田門
35/40/48.7 , 139/45/13.0 , travel/photo/nijyubashi.jpg  ,二重橋
35/40/57.2 , 139/45/20.4 , travel/photo/sakashita.jpg   ,坂下門
35/41/2.5  , 139/45/30.6 , travel/photo/kikyoumon.jpg   ,桔梗門
</pre>

・この例は、写真画像ファイルが、タグを貼ったHTML文と同じフォルダ内に置いてあります。他のサイトの場合は、http://　から始めて下さい。
・緯度、経度は、度、分、秒を「 / 」で区切って書きます。
・139.753　のように、小数点を使って度だけで表示することもできます。
・speed=数値　を書くと、移動速度を指定できます。単位は時速（ｋｍ／時間）で、省略時は 80ｋｍ／時間です。
・traveler=番号　を書くと、移動するアイコンを選択できます。省略時は人になります。

traveler=1	人	ショージ君のアイコン工作室のページのアイコンを利用させていただいています。
traveler=2	自転車	A Trial Product's 素材置き場のページのアイコンを利用させていただいています。
traveler=3	バイク	A Trial Product's 素材置き場のページのアイコンを利用させていただいています。
traveler=4	自動車	KOZOUのロードスター＆Web素材ガレージのページのアイコンを利用させていただいています。
traveler=5	列車
traveler=6	船
traveler=7	飛行機

３.

住所による地点指定

場所の指定では、緯度、経度の代わりに住所を使うことができます。
　　　表示サンプル＞＞

〔地点記述例〕
緯度       , 経度        , 写真画像URL           ,コメント
<pre id="TravelData">
speed=300
traveler=4
東京都港区六本木六丁目9番1号 ,  , photo/tv_asahi.jpg ,テレビ朝日
東京都港区東新橋一丁目6番1号 ,  , photo/nihontv.jpg  ,日本テレビ
東京都港区台場二丁目4番8号   ,  , photo/fujitv.jpg   ,フジテレビ
東京都港区赤坂5丁目3番6号    ,  , photo/tbs.jpg      ,ＴＢＳテレビ
東京都港区虎ノ門四丁目3番12号,  , photo/tvtokyo.jpg  ,テレビ東京
東京都渋谷区神南二丁目2番1号 ,  , photo/nhk.jpg      ,ＮＨＫ
</pre>

４.

途中経路の指定

場所の指定で、緯度、経度だけの場合は、地点リストには反映されず動作時にも一時停止しませんが、その地点を通過するように動作します。
途中経路の指定に使用します。
　　　表示サンプル＞＞

〔地点記述例〕
緯度       , 経度        , 写真画像URL           ,コメント
<pre id="TravelData">
speed=400
traveler=5
35/40/51.85463,139/46/02.45862, photo/jr_tokyo.jpg ,東京駅
35/41/00.55375,139/46/04.35833
35/41/09.15290,139/46/07.15800
　・
　・
　・
35/42/45.74356,139/46/30.85340
35/42/51.34317,139/46/35.05294, photo/jr_ueno.jpg ,上野駅
35/42/57.24279,139/46/40.65235
35/43/01.14261,139/46/47.35173
　・
　・
　・
</pre>

	CASIO デジタルカメラEX-H20G専用SDメモリーカー ...
新品￥ 29,800～レビュー

	Panasonic SSDポータブルナビゲーション Gori ...
新品￥ 26,088～レビュー

	SONY ウォークマン Zシリーズ [メモリータイプ] 32 ...
新品￥ 25,816～中古￥ 21,800～レビュー

	ECLIPSE イクリプス AVN-Z01 AVN フルセグ ...
新品￥ 106,800～レビュー

	Transcend microSDHCカード 16GB Cl ... 新品￥ 1,276～レビュー

	オクタ(OCTA) 地デジチューナー内蔵ポータブルナビゲーシ ... 新品￥ 28,800～レビュー

	安心の保証付き！2011年度版地図搭載8GB-7インチポータ ... 新品￥ 13,800～レビュー

ルート再生 旅の写真日記

ルート再生旅の写真日記