일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 그게 무슨 의미가 있니
- 슈퍼스타k 2016
- 퇴근버스 슈퍼스타K 2016
- 흘러가는대로
- 퇴근버스 조민욱
- 커피레이크
- 센티멘탈
- 내 자신의 생각
- 해맑게 웃는 너
- 흐린날의 낮술
- rsnapshot
- nmtui
- account ban
- CentOS 6 설치 오류
- 보고싶은 내맘
- COC
- HttpURLConnection
- 김영근 올패스
- 넬 희망고문
- 사랑 그렇게 보내네 김영근
- 짝사랑
- 질투
- 3rd party software
- 가식의 껍데기
- 지리산 소울 김영근
- i7-8700
- 영구정지
- #만취
- 적절한 타이밍
- 도전의 기회
- Today
- Total
끄적거림들...
html 사이트에 google map 추가하기 본문
Head 부분에 아래 script 추가
여기서 좌표는 google map 들어가서 검색 후에 이곳이 궁금한가요? 선택하면 좌표 나옴.
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(35.559815, 123.972293);
var buildingLoc = new google.maps.LatLng(35.559815, 123.972293);
var mapOptions = {
zoom: 17,
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: buildingLoc,
map: map,
title: "테스트위치"
});
}
</script>
body tag 에 <body onload="initialize()"> 추가해주고...
삽일할 부분에 아래 소스 추가하면 끝~! (가로 세로는 크기임)
<div id="map_canvas"style="width:1000px; height:300px;"></div>
'IT' 카테고리의 다른 글
Javascript 숫자 체크 , 비밀번호 체크 (0) | 2016.10.11 |
---|---|
Chrome ver. 53 달라진점! (0) | 2016.09.12 |
chrome font rendering problem (0) | 2014.08.28 |
windows 7 AppCrash nvinit.dll_unloaded (0) | 2014.08.28 |
구글 크롬 64비트 정식 출시! (0) | 2014.08.28 |