見出し画像

知識なしでブラウザ表示できるマップの作り方

はじめに

任意の点(マーカー)を地図上に落としたHTMLファイルで表示する方法を紹介します。補助ツールも展開しますので、下図のような地図が知識なしで作れます。

コンビニの場所を地図化

右上のボタンを押すと、こんな感じで地図も変更できます。また虫眼鏡のボタンを押すと検索できるようにしてみました。

地図を変更
検索を活用

ファイル保存先

ここに補助ツールを保存します。Excel利用環境であれば動作するはずです。

使い方

このシートに必要事項を入力して、右側のボタンを押下すればおしまいです。アイコンNoはアイコンの種類を意味します。

【Leaflet_点】シート

デフォルトでこんな感じで用意しています。追加・変更も可能でして、オリジナルのアイコンをiconフォルダに格納してファイル名を指定すればOKです。

【アイコン】シート

地図を追加したければこちらも編集可能です。

【タイル地図】シート

この記事が気に入ったらサポートをしてみませんか?