"망우공원 맵"의 두 판 사이의 차이

onthedh
이동: 둘러보기, 검색
(문서 내용을 "<html> <iframe width="90%" height='480' src="http://dh.aks.ac.kr/~onthedh/map/mangwoo/mangwoo_map.html" frameborder="0" allowfullscreen> </html>"으로 바꿈)
 
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 =
 
                "&copy; <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>

2023년 11월 9일 (목) 01:27 기준 최신판