ルート再生 旅の写真日記

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

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

わからない所や要望があれば、Wikiのページからコメントしてください。⇒
差支えなければ、利用された方もコメントください。（強制ではありません。）⇒
こちらからもリンクします。
〔注意事項〕
　　・予告なく、内容を変更したり停止終了する場合があります。
　　・貼り付け用のhtml文を変更しないでください。
　　・提供されるhtml文の内容をコピー、改変はしないでください。
　※グーグルマップ上に人工衛星を飛ばすブログパーツ、
　　地図上に位置を自動表示するブログパーツもあります。

利用方法
１.
 HTML文内への貼り付け

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

２.
 地点の指定
場所の指定は、
タグを貼り付けた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   , photo/sakuradamon.jpg ,桜田門
35/40/48.7 , 139/45/13.0 , photo/nijyubashi.jpg  ,二重橋
35/40/57.2 , 139/45/20.4 , photo/sakashita.jpg   ,坂下門
35/41/2.5  , 139/45/30.6 , photo/kikyoumon.jpg   ,桔梗門
</pre>

・この例は、写真画像ファイルが、タグを貼ったHTML文と同じフォルダ内に置いてあります。他のサイトの場合は、http://　から始めて下さい。
・緯度、経度は、度、分、秒を「 / 」 で区切って書きます。
・139.753　のように、小数点を使って度だけで表示することもできます。
・speed=数値　を書くと、移動速度を指定できます。単位は時速（ｋｍ／時間）で、省略時は 80ｋｍ／時間です。
・traveler=番号　を書くと、移動するアイコンを選択できます。省略時は 人になります。
..
traveler=1 人 ショージ君のアイコン工作室のページのアイコンを利用させていただいています。
traveler=2 自転車 A Trial Product's 素材置き場のページのアイコンを利用させていただいています。
traveler=3 バイク
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>