관리 메뉴

moozi

map.html 본문

TIS_2016/주말반_4기

map.html

moozi 2016. 10. 1. 10:00

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>영화소개 - 밀정</title>

    

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

    

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

    

    <style>

        #googleMap{

            width:100%;

            height: 500px;

        }

    

    </style>

</head>

<body>

   <div data-role="page" id="page1">

       <div data-role="header">

          <a href="index.html" data-icon="home" data-iconpos="notext">home</a>

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

           <a href="index.html" data-icon="back" data-iconpos="notext">prev</a>

        </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.501679, 127.026372);

            /* cgv 압구정*/

            var myCenter2 = new google.maps.LatLng(37.524316, 127.029382); 



            function initialize() {

            var mapProp = {

            center:myCenter,

            zoom:12,

            scrollwheel:true,

            draggable:true,

            mapTypeId:google.maps.MapTypeId.ROADMAP

            };


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


            /* cgv강남 마커 */    

            var marker = new google.maps.Marker({

            position:myCenter,

            });

            /* cgv압구정 마커 */    

            var marker2 = new google.maps.Marker({

            position:myCenter2,

            });


            /* cgv강남 마커 맵에 세팅 */    

            marker.setMap(map);

                

            /* cgv압구정 마커 맵에 세팅 */         

            marker2.setMap(map);  

                

            var content="CGV강남<br><a href='tel:1544-1122'>1544-1122</a>";    

            var infowindow = new google.maps.InfoWindow({

                    content: content

            });

              

            infowindow.open(map, marker);  

                

            }

           

           


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

            </script>


       </div>

       <div data-role="footer">

           <h3>&copy;Copyright all right reserved by CGV.</h3>

       </div>

   </div>

   

    

</body>

</html>

'TIS_2016 > 주말반_4기' 카테고리의 다른 글

워드프레스 이클립스 테마 style.css 수정 코드  (0) 2016.10.08
10/1 company 백업  (0) 2016.10.01
movie  (0) 2016.10.01
introduce2.html  (0) 2016.09.24
jquery mobile 기본구문  (0) 2016.09.24
Comments