그누보드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>
--------------------------------------------------------------------------------------
지극히 개인적이신 훌륭하신 블로거님의 글을 퍼왔습니다. 나눠씁시다~ ^^
--------------------------------------------------------------------------------------
<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>
--------------------------------------------------------------------------------------
지극히 개인적이신 훌륭하신 블로거님의 글을 퍼왔습니다. 나눠씁시다~ ^^
댓글 9개
게시글 목록
| 번호 | 제목 |
|---|---|
| 1362 | |
| 1350 | |
| 1342 | |
| 1340 | |
| 1335 | |
| 1332 | |
| 1330 | |
| 1322 | |
| 1317 | |
| 1315 | |
| 1312 | |
| 1305 | |
| 1300 | |
| 1298 | |
| 1293 | |
| 1287 | |
| 1286 | |
| 1267 | |
| 1262 | |
| 1259 | |
| 1255 | |
| 1252 | |
| 1245 | |
| 1244 | |
| 1240 | |
| 1238 | |
| 1235 | |
| 1229 | |
| 1224 | |
| 1220 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기