軽量マップライブラリ「Leaflet .js」会社へのアクセスとかで利用できそう。
あんま普段はjsを触らない、こともないけど地図であれこれしてみたかったのでGoogle先生で調べてみたらたどりついたライブラリがこれ。
https://leafletjs.com/
なんと42kbしかないらしい。Googleマップとかだとちょっとサイト表示に時間かかるよねーみたいな時に簡易的に使えそうな感じ。拡張性が高いらしく結構あれこれできるそうな。
試しに書いてみた
公式サイトを翻訳したりなんなりで試しに書いてみた。マーカーだけだと不親切な気がしたので、ルートラインも引いてみた感じ。2つのマーカーはクリックすると説明文が表示されるようになっている。(wiki引用)
因みに表示しているのは我が故郷の寒川神社と最寄りの宮山駅までのルートになる。
以下、サンプルコード。これをhtmlとして保存すればとりあえず動作確認できるはず。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>寒川神社の所在地</title>
// 提供されている