Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
Total
관리 메뉴

moozi

구글맵기본 본문

하이브리드앱

구글맵기본

moozi 2015. 6. 29. 12:16

<!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});

         }

        );

</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>

'하이브리드앱' 카테고리의 다른 글

부트스트랩 예제  (0) 2015.11.06
iframe사용하기  (0) 2015.10.31
자바스크립트를 이용한 jsp의 json파싱  (0) 2015.10.29
폰갭 API 개발  (0) 2015.10.20
7/1 jquery에서 drawImage()사용하기  (0) 2015.07.01
'하이브리드앱' Related Articles more
Comments