https://dh.aks.ac.kr/~kimseoyun/wiki/index.php?action=history&feed=atom&title=%EB%B6%80%EC%82%B0%EB%8C%80%ED%95%99%EA%B5%90_LeafletMap
부산대학교 LeafletMap - 편집 역사
2026-05-01T23:32:14Z
이 문서의 편집 역사
MediaWiki 1.31.8
https://dh.aks.ac.kr/~kimseoyun/wiki/index.php?title=%EB%B6%80%EC%82%B0%EB%8C%80%ED%95%99%EA%B5%90_LeafletMap&diff=352&oldid=prev
Kimseoyun: 새 문서: <html> <head> <title>Leaflet Map</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="...
2026-03-12T13:55:06Z
<p>새 문서: <html> <head> <title>Leaflet Map</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="...</p>
<p><b>새 문서</b></p><div><br />
<html><br />
<head><br />
<title>Leaflet Map</title><br />
<meta charset="utf-8" /><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" /><br />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script><br />
<style><br />
body { margin: 0; padding: 0; }<br />
#map { width: 100%; height: 100vh; }<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="map"></div><br />
<br />
<script><br />
// URL에서 파라미터(위도, 경도, 줌) 추출<br />
const urlParams = new URLSearchParams(window.location.search);<br />
const lat = parseFloat(urlParams.get('lati')) || 35.2332; // 기본값: 부산대학교<br />
const lng = parseFloat(urlParams.get('longi')) || 129.0794;<br />
const zoom = parseInt(urlParams.get('zoom')) || 15;<br />
<br />
// 지도 초기화 (OpenStreetMap 타일 서버 사용)<br />
const map = L.map('map').setView([lat, lng], zoom);<br />
<br />
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {<br />
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'<br />
}).addTo(map);<br />
<br />
// 지정된 위치에 마커 표시<br />
L.marker([lat, lng]).addTo(map)<br />
.bindPopup("지정된 위치입니다.")<br />
.openPopup();<br />
</script><br />
<br />
</body><br />
</html></div>
Kimseoyun