Leaflet を利用した地図用アイコン = シャドウ(影)なし icon sample - 地図マーカーサンプル【みんなの知識ちょっと便利帳】

Leaflet を利用した地図用アイコン
= シャドウ(影) なし icon sample =

シャドウなし icon

《 icon サンプル地図》

・ icon の位置は都道府県庁所在地。
・クリックでカラーネーム表示。
・この icon はシャドウ付きです。

無料で使えていた Google Maps JavaScript API が2018年7月16日から実質有料化となり、当サイトでも、距離計測など様々な地図ページから Google マップを外さざるを得なくなった。さらに、Yahoo! JavaScriptマップAPI も2020年10月31日で廃止となった。
このことから、当サイト内の地図ページでは、Leaflet という地図表示のためのオープンソースライブラリを利用し、国土地理院地図 や Open Street Map（オープンストリートマップ）などを読み込み地図ページを構築している。
ここでは、Leaflet で使うことを主な目的としたアイコン(icon)をサンプルとして掲出する。

掲載したアイコンのご利用はフリーです。商用サイトでも使えます。地図以外でのご利用も可能です。ただし、アイコンを再配布したり販売したりすることはご遠慮ください。
ウェブページでご利用の際は、必ずダウンロードしてご自身のサーバーに置いてお使いください。
ファイル名はカラーネームとしていますが、ダウンロードした後、自由に変えてくださって結構です。
色合いは「Dreamweaver CC で表示されるカラーネーム」から抽出していますが、カラーネームと色調が若干違うものや、カラーネームが違っても似通ったものもあります。カラーネームにとらわれずにイメージでお使いください。
薄い色は地図に重ねるにはあまり適さないかも知れません。
先頭の「Default」は、Leaflet を標準で利用した場合に表示されるアイコンです。
配列は「Default」を除いてカラーネームのアルファベット順です。