|
|
1번째 줄: |
1번째 줄: |
− | <html lang="ko"> | + | <html> |
− | <head>
| + | <iframe width="90%" height='480' src="http://dh.aks.ac.kr/~onthedh/map/mangwoo/mangwoo_map.html" frameborder="0" allowfullscreen> |
− | <meta charset="UTF-8" />
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
| |
− | <title>망우역사문화공원</title>
| |
− | <link rel="stylesheet" href="http://dh.aks.ac.kr/~onthedh/map/leaflet/leaflet.css" />
| |
− | <script src="http://dh.aks.ac.kr/~onthedh/map/leaflet/leaflet.js"></script>
| |
− | <script src="http://dh.aks.ac.kr/~onthedh/map/leaflet/js/leaflet-fullscreen-min.js"></script>
| |
− | <link href="http://dh.aks.ac.kr/~onthedh/map/leaflet/css/leaflet-fullscreen.css" rel="stylesheet" />
| |
− | <style>
| |
− | #mymap {
| |
− | width: 98vw;
| |
− | height: 98vh;
| |
− | cursor: default;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− | <body style="overflow-y: hidden">
| |
− | <div id="mymap"></div>
| |
− | | |
− | <script>
| |
− | var division_1 = L.layerGroup();
| |
− | var division_2 = L.layerGroup();
| |
− | var division_3 = L.layerGroup();
| |
− | var division_4 = L.layerGroup();
| |
− | var division_5 = L.layerGroup();
| |
− | var division_6 = L.layerGroup();
| |
− | var division_7 = L.layerGroup();
| |
− | | |
− | L.marker([37.597751, 127.115202])
| |
− | .bindTooltip("<a href='http://dh.aks.ac.kr/~onthedh/pavilion/mangwoo/M101/M101.htm' onclick='window.open(this.href); return false'>망우공원 입구</a>", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | interactive: true,
| |
− | })
| |
− | .addTo(division_1);
| |
− | L.marker([37.601944, 127.117083])
| |
− | .bindTooltip("강소천 묘", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_1);
| |
− | L.marker([37.58916667, 127.1063889])
| |
− | .bindTooltip("계용묵 묘", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_3);
| |
− | L.marker([37.595, 127.1177778])
| |
− | .bindTooltip("권진규", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59972222, 127.1141667])
| |
− | .bindTooltip("김말봉", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_1);
| |
− | L.marker([37.593245, 127.114964])
| |
− | .bindTooltip("김봉성", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.590385, 127.112956])
| |
− | .bindTooltip("<a href='http://dhlab.cafe24.com/mangwoopark/index.php/김사국' onclick='window.open(this.href); return false'>김사국</a>",
| |
− | {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | interactive: true,
| |
− | }
| |
− | )
| |
− | .addTo(division_5);
| |
− | L.marker([37.59333333, 127.1188889])
| |
− | .bindTooltip("김상용", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_6);
| |
− | L.marker([37.59083333, 127.1127778])
| |
− | .bindTooltip("김이석", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.5916666666667, 127.113333333333])
| |
− | .bindTooltip("김현근, 명온공주", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.60083, 127.114544])
| |
− | .bindTooltip("김호직", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_1);
| |
− | | |
− | L.marker([37.5875, 127.1097222])
| |
− | .bindTooltip("노필", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59083333, 127.1130556])
| |
− | .bindTooltip("문일평", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.592352, 127.112456])
| |
− | .bindTooltip("문명훤", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59222222, 127.1141667])
| |
− | .bindTooltip("박승빈", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.5975, 127.1136111])
| |
− | .bindTooltip("<a href='http://dhlab.cafe24.com/mangwoopark/index.php/박인환' onclick='window.open(this.href); return false'>박인환</a>",
| |
− | {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | interactive: true,
| |
− | }
| |
− | )
| |
− | .addTo(division_1);
| |
− | L.marker([37.5875, 127.1086111])
| |
− | .bindTooltip("박찬익", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59, 127.1122222])
| |
− | .bindTooltip("박희도", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.591589, 127.113446])
| |
− | .bindTooltip("방정환", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | | |
− | L.marker([37.58861111, 127.1108333])
| |
− | .bindTooltip("사이토 오토사쿠", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.59388889, 127.1197222])
| |
− | .bindTooltip("삼학병", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_6);
| |
− | L.marker([37.581489, 127.103859])
| |
− | .bindTooltip("서광조", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_4);
| |
− | L.marker([37.59777778, 127.1083333])
| |
− | .bindTooltip("서동일", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_2);
| |
− | L.marker([37.59055556, 127.1122222])
| |
− | .bindTooltip("서병호", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.590186, 127.1115])
| |
− | .bindTooltip("설의식", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59029660743246, 127.11146746342489])
| |
− | .bindTooltip("설태희", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59611111, 127.1130556])
| |
− | .bindTooltip("송석하", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | }).
| |
− | bindPopup("<a href='http://dh.aks.ac.kr/~onthedh/pavilion/mangwoo/M025/M025.htm'>충남 태안</a>").
| |
− | addTo(division_1);
| |
− | | |
− | L.marker([37.59277778, 127.115])
| |
− | .bindTooltip("아사카와 다쿠미", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_6);
| |
− | L.marker([37.59333333, 127.1147222])
| |
− | .bindTooltip("안창호", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.5925, 127.1138889])
| |
− | .bindTooltip("오긍선", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.58935398756494, 127.110913252023])
| |
− | .bindTooltip("오기만", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59111111, 127.1130556])
| |
− | .bindTooltip("오세창", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.59555556, 127.11])
| |
− | .bindTooltip("오재영", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_2);
| |
− | L.marker([37.59305556, 127.1141667])
| |
− | .bindTooltip("유상규", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.580565, 127.102833])
| |
− | .bindTooltip("이광래", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_4);
| |
− | L.marker([37.5846370017779, 127.1070245772335])
| |
− | .bindTooltip("이병홍", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_4);
| |
− | L.marker([37.58777778, 127.1052778])
| |
− | .bindTooltip("이영민", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_3);
| |
− | L.marker([37.5925, 127.1141667])
| |
− | .bindTooltip("이영준", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_6);
| |
− | L.marker([37.593333333333334, 127.11527777777778])
| |
− | .bindTooltip("이인성", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.59527777777778, 127.11000000000001])
| |
− | .bindTooltip("이중섭", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_2);
| |
− | | |
− | L.marker([37.586111111111116, 127.10972222222223])
| |
− | .bindTooltip("장덕수, 박은혜 묘", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .bindPopup("<a href='http://dh.aks.ac.kr/~onthedh/pavilion/mangwoo/M040/M040.htm'>파노라마</a>")
| |
− | .addTo(division_4);
| |
− | L.marker([37.58888888888889, 127.1111111111111])
| |
− | .bindTooltip("조봉암", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.59388889, 127.1180556])
| |
− | .bindTooltip("지석영", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_7);
| |
− | L.marker([37.58722222, 127.1044444])
| |
− | .bindTooltip("차중락", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_3);
| |
− | L.marker([37.59138888888889, 127.11361111111111])
| |
− | .bindTooltip("최신복", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.58861111111111, 127.10722222222222])
| |
− | .bindTooltip("최학송", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_3);
| |
− | L.marker([37.589444444444446, 127.1116666666667])
| |
− | .bindTooltip("한용운", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | L.marker([37.58777777777778, 127.1116666666667])
| |
− | .bindTooltip("함세덕", {
| |
− | direction: "bottom",
| |
− | permanent: true,
| |
− | sticky: true,
| |
− | })
| |
− | .addTo(division_5);
| |
− | | |
− | var mbAttr =
| |
− | "© <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors";
| |
− | | |
− | var osmUrl =
| |
− | "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
| |
− | standardUrl =
| |
− | "http://mt0.google.com/vt/lyrs=m&hl=ch&x={x}&y={y}&z={z}",
| |
− | terrainUrl =
| |
− | "http://mt0.google.com/vt/lyrs=p&hl=ch&x={x}&y={y}&z={z}",
| |
− | satelliteUrl =
| |
− | "http://mt0.google.com/vt/lyrs=s&hl=ch&x={x}&y={y}&z={z}",
| |
− | hybridUrl =
| |
− | "http://mt0.google.com/vt/lyrs=y&hl=ch&x={x}&y={y}&z={z}";
| |
− | | |
− | var osmScale = L.tileLayer(osmUrl, { attribution: mbAttr }),
| |
− | standardScale = L.tileLayer(standardUrl, { attribution: mbAttr }),
| |
− | terrainScale = L.tileLayer(terrainUrl, { attribution: mbAttr }),
| |
− | satelliteScale = L.tileLayer(satelliteUrl, { attribution: mbAttr }),
| |
− | hybridScale = L.tileLayer(hybridUrl, { attribution: mbAttr });
| |
− | | |
− | var map = L.map("mymap", {
| |
− | center: [37.594771, 127.113973],
| |
− | zoom: 15,
| |
− | layers: [ osmScale,
| |
− | division_1, division_2, division_3,
| |
− | division_4, division_5, division_6, division_7 ]
| |
− | });
| |
− | | |
− | var baseLayers = {
| |
− | "OSM": osmScale,
| |
− | "표준": standardScale,
| |
− | "지형": terrainScale,
| |
− | "위성": satelliteScale,
| |
− | "하이브리드": hybridScale
| |
− | };
| |
− | | |
− | var overlays = {
| |
− | "공원입구": division_1,
| |
− | "용마천": division_2,
| |
− | "망우동": division_3,
| |
− | "면목동": division_4,
| |
− | "동원천": division_5,
| |
− | "교문동": division_6,
| |
− | "사잇길": division_7
| |
− | };
| |
− | | |
− | L.control.layers(baseLayers, overlays).addTo(map);
| |
− |
| |
− | map.addControl(new L.Control.Fullscreen());
| |
− | </script>
| |
− | </body>
| |
| </html> | | </html> |