<script src="https://maps.google.com/maps/api/js?v=3&key=키값&sensor=false®ion=KR"></script>
<script>
function initialize() {
var Y_point = "36.231352"; // lat 값
var X_point = "127.213804"; // lng 값
var zoomLevel = 15; // 첫 로딩시 보일 지도의 확대 레벨
var markerTitle = "좋은산업"; // 현재 위치 마커에 마우스를 올렸을때 나타나는 이름
var markerMaxWidth = 400; // 마커를 클릭했을때 나타나는 말풍선의 최대 크기
var contentString = '<div style="overflow:hidden;">'+markerTitle+'</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,
draggable:true,
animation: google.maps.Animation.DROP,
title: markerTitle
});
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: markerMaxWidth
});
infowindow.open(map, marker);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map_canvas"style="width:706px; height:393px;border:1px solid #888;"></div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 16286 | |
| 16281 | |
| 16277 | |
| 16276 |
JavaScript
video를 연속으로 재생
|
| 16268 |
node.js
nodejs 환경변수 설정하기 ^^ 영상있음
4
|
| 16266 | |
| 16264 | |
| 16263 | |
| 16262 | |
| 16259 | |
| 16258 |
JavaScript
소수점 지원하는 Math.round
|
| 16257 |
기타
스크린샷이 필요할때?
|
| 16255 | |
| 16233 | |
| 16229 |
jQuery
select 선택에 따라 테두리 색상 변경
3
|
| 16222 | |
| 16220 |
MySQL
mysql 속도 증가
6
|
| 16219 | |
| 16217 | |
| 16214 | |
| 16213 | |
| 16211 |
JavaScript
공휴일관련 정부 데이터 api
2
|
| 16207 | |
| 16205 | |
| 16197 | |
| 16195 | |
| 16192 | |
| 16191 |
JavaScript
남은시간 카운트하는 자바스크립트
1
|
| 16188 |
MySQL
스팸글 삭제 문의
1
|
| 16187 |
MySQL
비회원글삭제 방법문의
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기