shuzo_kino https://blog.hatena.ne.jp/shuzo_kino/ Bye Bye Moore https://shuzo-kino.hateblo.jp/ javascript Leaflet.jsは強力なマップAPI系ライブラリです。 OpenStreetMapのような有名ドコのちずにポップアップをつけたり、距離円を弾いたりできます。 更に、架空の地図……それも海図や宇宙図みたいなの……にもレンダリング可能。 色々面白そうな奴です。 実際のところ とりあえず、電通大にトークンを出してみましょう。 何やら公式チュートリアルではイケイケマップサービスへの登録を進められてたりしますが…… こっちは手早く実験したいだけなのでOpenStreetMapを使います。ファイル構成はHTML、CSS、JAVASCRIPTの三兄弟。 HTML 必要となる"leaflet.css"と"… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshuzo-kino.hateblo.jp%2Fentry%2F2017%2F03%2F02%2F235635" title="Leaflet.jsを使ってマップAPIを叩いてみる - Bye Bye Moore" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shuzo_kino/20170302/20170302234938.png Hatena Blog https://hatena.blog 2017-03-02 23:56:35 rich https://shuzo-kino.hateblo.jp/entry/2017/03/02/235635 1.0 100%