기본적인 구글 맵 셋팅 입니다.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!DOCTYPE html> <html> <head> <title>Maps Project</title> <style> #map-canvas { width: 500px; height: 400px; background-color: #CCC; } </style> <script src="https://maps.googleapis.com/maps/api/js"></script> <script> function initialize() { var mapCanvas = document.getElementById('map-canvas'); var mapOptions = { center: new google.maps.LatLng(35.1466317,129.0596543), zoom: 16, mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(mapCanvas, mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html> |
옵션으로 zoom은 “0~22″ 사이의 레벨로 설정 할수 있고, mapTypeId는 “ROADMAP, SATELLITE, HYBRID, TERRAIN”으로 지정 할 수 있습니다.