d

구글 맵 독도 표기 되도록.

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

<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에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
MySQL 20-02-13 조회 3,486
기타 20-01-29 조회 2,629
PHP 20-01-26 조회 3,300
기타 20-01-19 조회 1만
웹서버 20-01-18 조회 3,779
기타 20-01-15 조회 2,627
PHP 20-01-12 조회 4,206
기타 20-01-12 조회 2,680
웹서버 20-01-07 조회 3,525
node.js 20-01-06 조회 2,811
PHP 19-12-19 조회 4,322
기타 19-12-05 조회 2,833
JavaScript 19-12-02 조회 3,095
웹서버 19-11-19 조회 4,935
JavaScript 19-11-05 조회 3,393
JavaScript 19-11-04 조회 2,543
JavaScript 19-11-01 조회 2,654
JavaScript 19-10-31 조회 2,680
PHP 19-10-29 조회 2,730
기타 19-10-26 조회 3,594
JavaScript
[JavaScript]
19-10-17 조회 2,685
JavaScript 19-09-25 조회 2,915
jQuery 19-09-24 조회 2,680
PHP 19-09-23 조회 3,399
기타 19-09-08 조회 3,222
PHP 19-09-03 조회 5,392
기타 19-08-10 조회 2,719
정규표현식 19-08-08 조회 2,971
정규표현식 19-08-05 조회 3,328
웹서버 19-08-05 조회 4,820