구글 맵 독도 표기 되도록. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

구글 맵 독도 표기 되도록. 정보

JavaScript 구글 맵 독도 표기 되도록.

본문

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

추천
1

댓글 0개

전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT