-
구글맵 V3 + 마커 샘플입니다.
일반적으로 기본 구글맵에서 가장 많이쓰는것이기도 한데요..
Test Url : http://www.uhoon.co.kr/test/4338/4338.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Info windows</title> <style> html, body, #map-canvas { height: 400px; width:600px; margin: 0px; padding: 0px } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> function initialize() { var myLatlng = new google.maps.LatLng(37.55544,127.07590); // 위경도 수정 var mapOptions = { zoom: 17, center: myLatlng }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); // 말풍선 내용 수정 var contentString = '<div style="width:100px;height:50px;">군자동 주민센터</div>'; var infowindow = new google.maps.InfoWindow({ content: contentString, size: new google.maps.Size(200,100) }); var marker = new google.maps.Marker({ position: myLatlng, map: map }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map, marker); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>* Info Window : https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple?hl=ko* Info Window Options : https://developers.google.com/maps/documentation/javascript/reference?hl=ko#InfoWindowOptions
댓글
꼰대 개발자의 블로그
꼰대가 흐름을 따라가고 싶어서 기록하는 블로그
