[JavaScript] 구글 지도 이용하기

JavaScript
구글 지도 이용하기 먼저 자바스크립트를 로드합니다. 구글에서 가져오는게 가장 최신으로 가져 온다고 판단이 되기에 구글에서 자바스크립트를 로드 합니다. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 내용을 가지고와서 로컬에 가져도 되지만은 링크하는게 좋을듯 합니다. 세계 최강의 검색업체인 구글인데 오류가 가장 적을듯 합니다. <script> //구글맵 v3 function initialize() { var geocoder = new google.maps.Geocoder(); var addr="정식 주소"; var lat=""; var lng=""; geocoder.geocode({'address':addr}, function(results, status){ if(results!=""){ var location=results[0].geometry.location; lat=location.lat(); lng=location.lng(); var latlng = new google.maps.LatLng(lat , lng); var myOptions = { zoom: 16, center: latlng, mapTypeControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); marker = new google.maps.Marker({ map:map, position: latlng }); } else $("#map_canvas").html("위도와 경도를 찾을 수 없습니다."); } ) } </script> 이렇게 하고 원하는 곳에 ID 값을 주면은 바로 로드 할 수 있을 것입니다.
Read More