OpenStreetMap

LeafletとOSRMで簡単ルート表示！徒歩・自転車ナビをWebページに組み込む方法

Webサイトに徒歩や自転車のルート表示機能を追加したい──それも、無料で、柔軟にカスタマイズできる形で。そんなときに頼りになるのが、OpenStreetMap（OSM）とLeaflet.js、そしてOSRM（Open Source Rout...

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

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

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

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

OpenStreetMapに標高データを組み込む – 標高データの概要とデータについて理解を深める

OpenStreetMap（以下OSM）は、ユーザー主導で自由に編集・利用できる地図データとして非常に優れています。しかし、登山やハイキング、サイクリングといったアウトドア用途のルート検索では「標高情報」が欠落しているため、急勾配や山岳地域...

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

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

Googleマップだけじゃない！OpenStreetMap（OSM）で地図の世界がもっと自由に

Webやアプリに地図を組み込むとき、多くの人は真っ先に「Google Maps」を思い浮かべるでしょう。しかし、地図の世界はそれだけではありません。むしろ最近では、自由で柔軟な地図サービス「OpenStreetMap（OSM）」が注目を集め...