テイクアウトできるお店を地図上にプロットする手順

はじめに

新型コロナウイルスの感染防止のため、多くの飲食店さんが休業されているなかで何かお役に立てることがないかなと考えてテイクアウトできるお店をわかりやすくお伝えできればと思って取り組んだ内容をまとめてみます。

情報元

とりあえず、Facebook。

地図の操作

Leaflet.jsを使用。
地図を扱うのにとても便利なJavaScriptライブラリ。

完成品

以下のリポジトリにてテンプレートを公開してあります。
https://github.com/shinob/takeoutmap

実データの入ったものは以下

• 松江版
• 出雲版
• 米子版

作り方

1. githubのリポジトリからテンプレートをダウンロード
2. index.htmlのタイトルを変更
3. points.jsの中心座標を変更
4. points.jsに店舗の緯度経度、店名、URLを追加

緯度経度の取得方法

• Googleマップを表示
  
• お店の場所をクリック
  
• 地図の下の方に表示される数値をコピー
  

その他

もし、どこかの地域版を作成されたら共有して頂けると嬉しく思います。