구글 지도 이용하기
먼저 자바스크립트를 로드합니다.
구글에서 가져오는게 가장 최신으로 가져 온다고 판단이 되기에 구글에서 자바스크립트를 로드 합니다.
<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 값을 주면은 바로 로드 할 수 있을 것입니다.