테스트 사이트 - 개발 중인 베타 버전입니다

구글 맵 독도 표기 되도록.

· 6년 전 · 2106

<script src="https://maps.google.com/maps/api/js?v=3&key=키값&sensor=false&region=KR"></script> 
                                    <script> 
                                    function initialize() { 

                                      var Y_point        = "36.231352";    // lat 값 
                                      var X_point        = "127.213804";  // lng 값 

                                      var zoomLevel      = 15;  // 첫 로딩시 보일 지도의 확대 레벨 

                                      var markerTitle    = "좋은산업";  // 현재 위치 마커에 마우스를 올렸을때 나타나는 이름 
                                      var markerMaxWidth = 400;  // 마커를 클릭했을때 나타나는 말풍선의 최대 크기 

                                    var contentString = '<div style="overflow:hidden;">'+markerTitle+'</div>'; 
                                      var myLatlng = new google.maps.LatLng(Y_point, X_point); 
                                      var mapOptions = { 
                                        zoom: zoomLevel, 
                                        center: myLatlng, 
                                        mapTypeId: google.maps.MapTypeId.ROADMAP 
                                      } 
                                      var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 

                                      var marker = new google.maps.Marker({ 
                                        position: myLatlng, 
                                        map: map, 
                                        draggable:true, 
                                        animation: google.maps.Animation.DROP, 
                                        title: markerTitle 
                                      }); 

                                      var infowindow = new google.maps.InfoWindow({ 
                                        content: contentString, 
                                        maxWidth: markerMaxWidth 
                                      }); 
                                      infowindow.open(map, marker); 

                                      google.maps.event.addListener(marker, 'click', function() { 
                                        infowindow.open(map, marker); 
                                      }); 

                                    } 

                                    google.maps.event.addDomListener(window, 'load', initialize); 
                                    </script> 


                                    <div id="map_canvas"style="width:706px; height:393px;border:1px solid #888;"></div> 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16429
16424
16423
16412
16408
16407
16401
16395
16394
16391
16390
16389
16387
16386
JavaScript js playground
16382
16381
16377
16374
16372
16356
16355
16354
16353
16347
16346
16339
16338
16332
16331
16330