관리 메뉴

moozi

map.html 본문

TIS_2016/주말반_5기

map.html

moozi 2016. 12. 3. 11:53

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>감바의대모험</title>

    <!-- viewport-->

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


    <!-- jQuery Mobile stylesheets -->

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


    <!-- jQuery-->

    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>


    <!-- jQuery Mobile-->

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

    

    <link href='css/fullcalendar.css' rel='stylesheet' />

    <link href='css/fullcalendar.print.css' rel='stylesheet' media='print' />

    <script src='lib/moment.min.js'></script>

    <script src='lib/jquery.min.js'></script>

    <script src='js/fullcalendar.min.js'></script>

    <script>


$(document).ready(function() {


$('#calendar').fullCalendar({

            defaultDate: new Date(),

// defaultDate: '2016-12-03',

editable: true,

eventLimit: true, // allow "more" link when too many events

events: [

{

title: '시사회',

start: '2016-12-03'

},

{

title: '상영일',

start: '2016-12-05',

end: '2016-12-19'

},

{

id: 999,

title: '출연배우인사',

start: '2016-12-09T16:00:00'

},

{

id: 999,

title: '출연배우인사',

start: '2016-12-16T16:00:00'

}

]

});

});


</script>   

          

    <style>

        .fc-content{

            background-color: red !important;

        }

        .fc-title{

            color:white;

            text-shadow: none; /* 그림자 제거 */

        }

    </style>         

                

                   

                         

</head>

<body>

    <div data-role="page">

        <div data-role="header">

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

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

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

        </div>

        <div data-role="content">

           <div id="googleMap" style="height:400px;width:100%;"></div>

           <!-- Add Google Maps -->

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

            <script>

            var myCenter = new google.maps.LatLng(37.501547, 127.026292);

            var myCenter2 = new google.maps.LatLng(37.524299, 127.029361);

            var myCenter3 = new google.maps.LatLng(37.522838, 127.036860);   

            

            function initialize() {

                var mapProp = {

                  center:myCenter3,

                  zoom:12,

                  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,

                  });


                var marker3 = new google.maps.Marker({

                  position:myCenter3,

                  });


                marker.setMap(map);

                marker2.setMap(map);

                marker3.setMap(map);



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

                var infowindow = new google.maps.InfoWindow({

                        content: content

                });


                //infowindow.open(map, marker);  

                

                // 마커 마우스오버시 infowindow 띄우기.

                marker.addListener('click', function(){

                    infowindow.open(map, marker);

                });


            }


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

            </script>

        </div>

        

        <div data-role="footer" data-position="fixed">

            <h1>&copy;CGV. All rights reserved.</h1>

        </div>

    </div>

</body>

</html>

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

movie.zip  (0) 2016.12.03
index.html  (0) 2016.12.03
about2.html  (0) 2016.12.03
jQueryUI.html  (0) 2016.11.26
jqueryMobile01.html  (0) 2016.11.26
0 Comments
댓글쓰기 폼