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