Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

moozi

6/30 html5 2반 지도 소스 본문

카테고리 없음

6/30 html5 2반 지도 소스

moozi 2015. 6. 30. 10:49

<!DOCTYPE HTML>
<html>
    <head>
             <title>한국IT직업전문학교</title>
            <!-- 뷰포트 : 디바이스 크기에 맞게 사이즈 조절 -->
            <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

            <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

            <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
      
       <!-- JQuery-UI-Map을 사용하기 위해 반드시 필요한 태그-->
 <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
    <script src="ui/min/jquery.ui.map.full.min.js" type="text/javascript"></script>
    <script src="ui/jquery.ui.map.extensions.js" type="text/javascript"></script>   
       
<script type="text/javascript">
   $(document).ready(function() {
    //초기 위치를 한국IT직업전문학교 설정
   var StartLatLng = new google.maps.LatLng(37.474366, 127.030917);                  $("#map_canvas").gmap({"center": StartLatLng, "zoom":16});
             var markerRed = "http://www.google.com/intl/en_us/mapfiles/ms/icons/red-dot.png";
            var curMarker = $("#map_canvas").gmap("addMarker", {"position": StartLatLng, "icon": markerRed});
            
             curMarker.click(
                function(){
                    $("#map_canvas").gmap("openInfoWindow", { "content": "<a href='http://www.koreait.ac.kr'>한국IT직업전문학교</a><br>T:02-1111-2222"},this);
                }             
            );
         }
           
        );
</script>
       
<style type="text/css">
    .map_style {
        padding: 0px;
        height: 100%;
        width: 100%;
    }
</style>
       
    </head>
    <body>
        <div data-role="page" class="map_style">
            <div data-role="header">
                <a href="index.html" data-icon="back" data-direction="reverse">Back</a>
                <a href="index.html" data-icon="home" data-iconpos="notext">홈</a>
                <h1>학교위치</h1>           
            </div>
            <div data-role="content" class="map_style">
                <div id="map_canvas"  class="map_style"></div>
            </div>
            <div data-role="footer">
           
           
            </div>
       
        </div>
       
    </body>

</html>

Comments