#map { height: 180px; } 地図のデフォルト値を設定して、描画する // 地図のデフォルトの緯度経度(51.505, -0.09)と拡大率(拡大レベル13) var map = L.map('map').setView([51.505, -0.09], 13); // 描画する(Copyrightは消しちゃダメよ) var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ attribution: '© OpenStreetMap contributors, CC-BY-SA', maxZoom: 19 }); 特定の座標にマーカーを置く L.marker([50.5, 30.5]).addTo(map); 動作サンプル See the Pen raGPex by
![Leaflet – OSMにgeoJSONでマーカーをつけたりできる便利なJavaScriptライブラリ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7ff588947716db586984901cd59ee40c363a4b0/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Funguis.cre8or.jp%2Fwp-content%2Fuploads%2F2016%2F01%2Fpattern01c.jpg%3Ffit%3D1200%252C600%26ssl%3D1)