관리 메뉴

moozi

6/15 극장위치 지도표시 본문

TIS_2016/HTML5_2기

6/15 극장위치 지도표시

moozi 2016. 6. 15. 16:03

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>    

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <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.3.min.js"></script>

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

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <div data-role="page">

        <div data-role="header">

           <a href="index.html" data-icon="back" rel="external">prev</a>

            <h1>상영관위치</h1>

        </div>

        <div data-role="content">

         <div id="googleMap"></div>

         <!-- Add Google Maps -->

        <script src="http://maps.googleapis.com/maps/api/js"></script>

        <script>

        /* cgv강남 */

        var myCenter = new google.maps.LatLng(37.501599, 127.026313);

        /* cgv압구정 */    

        var myCenter2 = new google.maps.LatLng( 37.524325, 127.029372); 


        function initialize() {

        var mapProp = {

        center:myCenter,

        zoom:13,

        scrollwheel:true,

        draggable:true,

        mapTypeId:google.maps.MapTypeId.ROADMAP

        };


        var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);


        var marker = new google.maps.Marker({

        position:myCenter,

        });

        var marker2 = new google.maps.Marker({

        position:myCenter2,

        });   

        marker.setMap(map);

        marker2.setMap(map);

        

        var content="cgv강남";

        content+="<p>";

        content+="  <a href='http://m.cgv.co.kr/WebApp/TheaterV4/TheaterDetail.aspx?tc=0056'>";

        content+="      서울특별시 강남구 강남대로 438 (역삼동)";

        content+="  </a>";

        content+="</p>";

            

        var content2="cgv압구정<p><a href='http://m.cgv.co.kr/WebApp/TheaterV4/TheaterDetail.aspx?tc=0040'>서울특별시 강남구 압구정로30길 45 (신사동)</a></p>";

        var infowindow = new google.maps.InfoWindow({

            content: content

        });

        var infowindow2 = new google.maps.InfoWindow({

            content: content2

        });

        infowindow.open(map, marker);

        infowindow2.open(map, marker2);

            

            

        }


        google.maps.event.addDomListener(window, 'load', initialize);

        </script>

        </div>

        <div data-role="footer">

            <h1>&copy;2016 CJ CGV. All Rights Reserved</h1>

        </div>

    </div>

</body>

</html>

'TIS_2016 > HTML5_2기' 카테고리의 다른 글

jquerymobile 연습문제02풀이  (0) 2016.06.16
jquerymobile 연습문제02  (0) 2016.06.15
6/15 극장위치 지도표시  (0) 2016.06.15
6/15 movie 압축파일  (0) 2016.06.15
jquerymobile연습문제01 풀이  (1) 2016.06.15
jquery연습문제03풀이  (0) 2016.06.14
0 Comments
댓글쓰기 폼