아래 소스를 복사해주면 되요
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Google Map API</title>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(37.5148743,127.5864929); // 지도에 표시할 위치좌표
var mapOptions = {
zoom : 17,
center : myLatlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var companyIcon = new google.maps.MarkerImage( // 표시하고 싶은 로고이미지
"/img/logo.png",
new google.maps.Size(128, 81)
);
var marker = new google.maps.Marker({
position : myLatlng,
icon : companyIcon,
map : map,
title : "timecoms"
});
}
</script>
</head>
<body onload="initialize()">
<!-- width : 맵 가로 크기, height : 맵 세로 크기 -->
<div id="map_canvas" style="width: 645px; height: 300px;"></div>
</body>
</html>
지도에 표시할 위치좌표 구하는 방법은
구글 지도에 들어가서
검색하면 주소창에
https://www.google.co.kr/maps/searc서울시청/@37.5148743,127.5864929,10z/data=!3m1!4b1
위 처럼 나오는데 골뱅이 뒤에 값이 위치좌표가 되요
'Web(html css php)' 카테고리의 다른 글
| html 스크롤 (0) | 2014.10.15 |
|---|---|
| CSS 핵 (IE6, IE7 문제해결) (0) | 2014.10.15 |
| php datetime 포맷 (0) | 2014.10.02 |
| html 태그 종류 (0) | 2014.10.02 |
| div 마우스 오버 시 손가락 모양 커서 (0) | 2014.10.01 |
댓글