Leaflet

OpenStreetMap

店舗や観光スポットの地図表示に最適!LeafletでOpenStreetMapにマーカーを追加する方法

ブログやサービスに地図を掲載する際、「Google Mapsは有料化が進んで使いにくい…」「もっと自由に使える地図が欲しい…」と感じたことはありませんか?そんなときに頼れるのが OpenStreetMap(OSM) と Leaflet.js の組み合わせです。本記事では、OSMの地図上に「ショップ」や「観光スポット」などをマーカーで表示する方法を、初心者にもわかりやすく解説します。
OpenStreetMap

Google Mapsからの卒業? OpenStreetMapが“無料で自由”な開発を叶える最強地図APIの実力とは

はじめに:Google Mapsの壁にぶつかっていませんか? 「地図をWebアプリやサイトに表示したい」「位置情報を使ったサービスを提供したい」――そんなとき、多くの開発者が真っ先に思い浮かべるのがGoogle Maps APIでしょう。 ...
OpenStreetMap

なぜLeaflet.js?OpenStreetMapを表示するために必要な理由と具体的サンプル解説

OpenStreetMap(以下、OSM)は、自由に使える地図データとして人気が高まっていますが、「OSMを使って地図を表示したい」と思っても、そのままではWebページに表示することはできません。 実際に地図を表示・操作するには、「Leaf...