MoorePoCソルジャーな零細事業主が作業メモを残すブログ2017-03-08leaflet-realtimeで「ピザ配達状況」めいたマップアプリをつくるjavascriptleaflet-realtimeは@perliedman氏が提供するleafletJsのサードパーティ拡張です。サーバ上に置いたGeoJSONを呼び出して、「ピザ配達状況」めいたマップアプリをつくる事ができます。実際のところとりあえず、公式から持ってきましょう。https://github.com/perliedman/leaflet-realtime.gitとれたら、サンプルを起動してみます。trail.html三秒ごとにトークンが移動し、数回分の移動軌跡が残るサンプルが表示される筈。ここで表示されるデータはhttps://wanderdrone.appspot.com/にあり、三秒ごとに一回更新されているようです。{}}自前のをやるでは、trailを参考に少し改造してみましょう。trail.jsを以下のようにします。3});});次に、localhostにGeoJSONを吐く鯖を用意します。私はbottleでやっつけてます。port=8080)データ鯖を立ち上げつつ、CORSを無効化できるブラウザで起動します。Xなら、Safariですね。行けば、こんな感じでボ〜っとトークンが突っ立っている絵がでます。動かしても3秒毎に中心が変わるので、更新が掛かっている事は確認できます。Notebookに外部拡張を導入する方法です。