sheeeng · May 20, 2025 13:21
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <title>Itsukushima Torii Map</title>
  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
  <style>
    #map { height: 400px; width: 100%; }
  </style>
 </head>
 <body>
  <div id="map"></div>
  <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
  <script>
    const map = L.map('map').setView([34.297510, 132.318146], 18);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
    }).addTo(map);
    
    // Load GeoJSON from the Gist
    fetch('https://gist.githubusercontent.com/sheeeng/2c55d5ed236781512cf54393134480b8/raw/the_great_torii_of_itsukushima_shrine.geojson')
      .then(res => res.json())
      .then(data => {
        L.geoJSON(data, {
          pointToLayer: (feature, latlng) => {
            return L.marker(latlng).bindPopup(feature.properties.name);
          }
        }).addTo(map);
      });
  </script>
 </body>
 </html>
diff --git a/the_torii_of_itsukushima_shrine.geojson b/the_torii_of_itsukushima_shrine.geojson
	<!DOCTYPE html>
	<html>
	<head>
	<title>Itsukushima Torii Map</title>
	<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
	<style>
	#map { height: 400px; width: 100%; }
	</style>
	</head>
	<body>
	<div id="map"></div>
	<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
	<script>
	const map = L.map('map').setView([34.297510, 132.318146], 18);
	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
	}).addTo(map);

	// Load GeoJSON from the Gist
	fetch('https://gist.githubusercontent.com/sheeeng/2c55d5ed236781512cf54393134480b8/raw/the_great_torii_of_itsukushima_shrine.geojson')
	.then(res => res.json())
	.then(data => {
	L.geoJSON(data, {
	pointToLayer: (feature, latlng) => {
	return L.marker(latlng).bindPopup(feature.properties.name);
	}
	}).addTo(map);
	});
	</script>
	</body>
	</html>