--- title: 「うごけ!道案内」の地図スクリプトを YOLP JavaScript マップ API で再生してみる tags: LatLongLab YOLP 地図 JavaScript author: niwasawa slide: false --- ## うごけ!道案内とは 地図コマンドの羅列による地図スクリプトで地図を操作できる Web サービス。 ugomichi.png [「うごけ!道案内」で地図プログラミング \- Yahoo\! JAPAN Tech Blog](https://techblog.yahoo.co.jp/lab/latlonglab/ugoke/) > 「うごけ!道案内」は、MS-DOSのバッチファイル風にコマンドを並べるだけで地図を思い通りに動かせるプログラミングツールなのです。 [うごけ!道案内の使い方 \- LatLongLab](https://latlonglab.yahoo.co.jp/guide/macro.html) > 「うごけ!道案内」は、地図を使って動きのある道案内を簡単に作成し共有できるサービスです。 > お店やサービスの所在地を紹介したり、行動記録を確認したり、アドベンチャーゲームやクイズなど、様々なシーンで活用できます。 [うごけ!道案内の使い方 \- LatLongLab](https://latlonglab.yahoo.co.jp/guide/macro.html) > アドバンスモードではさらにインタラクティブな地図を作る手段として簡単なスクリプトで地図操作のプログラミングが可能です。 > アドバンスモードを使えば条件分岐や写真の表示などの機能を使って本格的なゲームなどのコンテンツも作成いただけます。 「うごけ!道案内」は2020年3月末でクローズされてしまう。 [LatLongLab](https://latlonglab.yahoo.co.jp/close.html) > 約10年間にわたりサービスを運用してまいりましたLatLongLabですが、 > 誠に勝手ながら、2020年3月末をもってサービスを終了させていただくこととなりました。 ## 地図スクリプト 地図スクリプトは以下のような地図コマンドとパラメータによる地図コマンドを並べたものになっている。 ``` moveto 36/12/50.407,137/22/37.774 layerto 16 message 日本で一番短い鉄道って知ってます? sleep 3000 smoveto 35/46/10.385,140/23/14.688 message それは千葉県にある sleep 3000 layerto 6 message 芝山鉄道です。 ``` ## 地図コマンド 以下のように地図を操作するコマンドがある。 [うごけ!道案内の使い方 \- LatLongLab](https://latlonglab.yahoo.co.jp/guide/macro.html) > ugomichi-command.png ## 地図スクリプトを再生するサンプルコード YOLP Yahoo! JavaScript マップ API を使用して、いくつかの地図コマンドを実現してみた (YOLP Yahoo! JavaScript マップ API は2020年10月31日にクローズ予定)。 macOS Catalina + Google Chrome 80.0.3987.149 で動作確認済み。 ```html 「LatLongLab うごけ!道案内」風
``` ## 本家「うごけ!道案内」と「うごけ!道案内」風の比較動画 [本家「うごけ!道案内」と「うごけ!道案内」風の比較 \- YouTube](https://www.youtube.com/watch?v=SBdH7QHBDmY) ## 参考資料 - [うごけ!道案内の使い方 \- LatLongLab](https://latlonglab.yahoo.co.jp/guide/macro.html) - [「うごけ!道案内」で地図プログラミング \- Yahoo\! JAPAN Tech Blog](https://techblog.yahoo.co.jp/lab/latlonglab/ugoke/) - [日本一短い鉄道 \- うごけ!道案内 \- LatLongLab](https://latlonglab.yahoo.co.jp/macro/watch?id=b834fc87f0ba874c24174b3de436f306) - [本家「うごけ!道案内」と「うごけ!道案内」風の比較 \- YouTube](https://www.youtube.com/watch?v=SBdH7QHBDmY) - [YOLP\(地図\):Yahoo\! JavaScriptマップAPI \- Yahoo\!デベロッパーネットワーク](https://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/)