d

구글 맵 독도 표기 되도록.

· 2019-10-31 (목) 10:22:06 · 2746

<script src="https://maps.google.com/maps/api/js?v=3&key=키값&sensor=false®ion=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> 

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
jQuery 18-01-25 조회 4,583
JavaScript 18-01-24 조회 8,622
기타 18-01-24 조회 2,891
웹서버 18-01-24 조회 3,117
기타 18-01-22 조회 7,949
기타 18-01-22 조회 5,851
웹서버 18-01-18 조회 6,963
PHP 18-01-12 조회 6,456
jQuery 18-01-10 조회 3,984
jQuery 18-01-10 조회 2,855
jQuery 18-01-10 조회 3,495
MySQL 18-01-08 조회 3,676
jQuery 18-01-08 조회 2,994
jQuery 18-01-08 조회 3,211
jQuery 18-01-08 조회 4,924
PHP 18-01-05 조회 4,867
jQuery 18-01-04 조회 4,665
jQuery 18-01-04 조회 3,291
jQuery 18-01-04 조회 2,748
jQuery 17-12-06 조회 2,931
jQuery 17-12-06 조회 3,695
jQuery 17-12-06 조회 3,520
jQuery 17-12-04 조회 2,908
jQuery 17-12-04 조회 2,145
jQuery 17-12-04 조회 3,098
jQuery 17-12-04 조회 2,968
jQuery 17-11-25 조회 2,771
jQuery 17-11-25 조회 2,728
jQuery 17-11-25 조회 2,389
jQuery 17-11-24 조회 2,479