구글맵 넣기 소스

그누보드5의 인크루드 PAGE 소스에 아래와 같이 넣으면 잘 나올겁니다.



--------------------------------------------------------------------------------------



<div id="map_canvas"style="width:760px; height:500px;"></div>


<script src="https://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>


<script>
function initialize() {

/*
http://openapi.map.naver.com/api/geocode.php?key=f32441ebcd3cc9de474f8081df1e54e3&encoding=euc-kr&coord=LatLng&query=서울특별시 서초구 서초동 1362-19

위의 링크에서 뒤에 주소를 적으면 x,y 값을 구할수 있습니다.
*/
var Y_point = 37.4850609; // Y 좌표
var X_point = 127.0323093; // X 좌표

var zoomLevel = 17; // 첫 로딩시 보일 지도의 확대 레벨

var markerTitle = "SIR"; // 현재 위치 마커에 마우스를 올렸을때 나타나는 이름
var markerMaxWidth = 300; // 마커를 클릭했을때 나타나는 말풍선의 최대 크기



// 말풍선 내용
var contentString = '<div id="content">' +
'<div id="siteNotice">' +
'</div>'+
'<h3 id="firstHeading" class="firstHeading">멋지구나~! 그누보드5</h3>'+
'<div id="bodyContent">'+
'<p>서울특별시 서초구 서초동 1362-19<br />' +
'Tel. +82 02 000 0000 </p>'+
'</div>'+
'</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,
title: markerTitle
});

var infowindow = new google.maps.InfoWindow(
{
content: contentString,
maxWidth: markerMaxWidth
}
);

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
initialize();
</script>

--------------------------------------------------------------------------------------

지극히 개인적이신 훌륭하신 블로거님의 글을 퍼왔습니다. 나눠씁시다~ ^^