구글맵 넣기 소스 정보
구글맵 넣기 소스본문
그누보드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 *** 개인정보보호를 위한 전화번호 노출방지 *** </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 *** 개인정보보호를 위한 전화번호 노출방지 *** </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>
--------------------------------------------------------------------------------------
지극히 개인적이신 훌륭하신 블로거님의 글을 퍼왔습니다. 나눠씁시다~ ^^
추천
5
5
댓글 9개
감사합니다.ㅇ
멋지네요 구글에서 차단하지 안을까요??
감사합니다.
감사합니다.
감사합니다~~
좋네요~ 구글을 일 이만뷰인가 허용해주고 있을거에요~
감사합니다. 넘 굳~~
감사 합니다.
키 값은 별도로 얻어야 하는가 보네요.
키 값은 별도로 얻어야 하는가 보네요.
감사합니다.
매우 좋아요.
매우 좋아요.