구글 지도 API 에서요...
구글 지도 API 를 공부하고 있는 왕초보 입니다. ^^
구글에서는 튜토리얼 예제를 제공하고 있는데요.
아래는 지도 가운데 마커를 하고 설명으로..Hello World! 를 보여주는 예제 입니다.
그런데.. 다른 주변에 마커 하나를 더 찍으려면 어떻게 해야하는지요 ? ㅠㅠ
고수님들의 답변을 바랍니다. ㅠㅠ
<!DOCTYPE html>
<html DIR="LTR">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Maps JavaScript API v3 예제: 간단한 이벤트</title>
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'zoom_changed', function() {
setTimeout(moveToDarwin, 1500);
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
map.setZoom(8);
});
}
function moveToDarwin() {
var darwin = new google.maps.LatLng(-12.461334, 130.841904);
map.setCenter(darwin);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</html>
구글에서는 튜토리얼 예제를 제공하고 있는데요.
아래는 지도 가운데 마커를 하고 설명으로..Hello World! 를 보여주는 예제 입니다.
그런데.. 다른 주변에 마커 하나를 더 찍으려면 어떻게 해야하는지요 ? ㅠㅠ
고수님들의 답변을 바랍니다. ㅠㅠ
<!DOCTYPE html>
<html DIR="LTR">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Maps JavaScript API v3 예제: 간단한 이벤트</title>
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'zoom_changed', function() {
setTimeout(moveToDarwin, 1500);
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
map.setZoom(8);
});
}
function moveToDarwin() {
var darwin = new google.maps.LatLng(-12.461334, 130.841904);
map.setCenter(darwin);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</html>
댓글 1개
13년 전
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
윗 부분을 한번더 써주시면 됩니다.
//표시할 위치
var myLatlng2 = new google.maps.LatLng(표시할 위치 좌표값,표시할 위치 좌표값);
//마커생성
var marker2 = new google.maps.Marker({
position: myLatlng2,
map: map,
title:"따이뜰!"
});
position: myLatlng,
map: map,
title:"Hello World!"
});
윗 부분을 한번더 써주시면 됩니다.
//표시할 위치
var myLatlng2 = new google.maps.LatLng(표시할 위치 좌표값,표시할 위치 좌표값);
//마커생성
var marker2 = new google.maps.Marker({
position: myLatlng2,
map: map,
title:"따이뜰!"
});
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4330 |
aequum
|
13년 전 | 831 | |
| 4329 | 13년 전 | 1048 | ||
| 4328 |
aequum
|
13년 전 | 1330 | |
| 4327 |
aequum
|
13년 전 | 1395 | |
| 4326 | 13년 전 | 780 | ||
| 4325 |
aequum
|
13년 전 | 932 | |
| 4324 |
aequum
|
13년 전 | 1652 | |
| 4323 |
aequum
|
13년 전 | 2740 | |
| 4322 |
aequum
|
13년 전 | 1999 | |
| 4321 |
aequum
|
13년 전 | 2061 | |
| 4320 |
aequum
|
13년 전 | 1462 | |
| 4319 |
aequum
|
13년 전 | 1266 | |
| 4318 |
aequum
|
13년 전 | 1164 | |
| 4317 |
aequum
|
13년 전 | 951 | |
| 4316 | 13년 전 | 419 | ||
| 4315 |
Raincommunication
|
13년 전 | 1336 | |
| 4314 |
aequum
|
13년 전 | 4445 | |
| 4313 | 13년 전 | 1303 | ||
| 4312 |
 b1ack |
13년 전 | 1073 | |
| 4311 | 13년 전 | 563 | ||
| 4310 |
후라보노보노
|
13년 전 | 796 | |
| 4309 | 13년 전 | 628 | ||
| 4308 |
levin
|
13년 전 | 508 | |
| 4307 | 13년 전 | 583 | ||
| 4306 | 13년 전 | 565 | ||
| 4305 | 13년 전 | 503 | ||
| 4304 | 13년 전 | 1379 | ||
| 4303 | 13년 전 | 708 | ||
| 4302 | 13년 전 | 551 | ||
| 4301 | 13년 전 | 531 | ||
| 4300 |
내꿈은대통령
|
13년 전 | 584 | |
| 4299 | 13년 전 | 875 | ||
| 4298 | 13년 전 | 782 | ||
| 4297 | 13년 전 | 1371 | ||
| 4296 | 13년 전 | 990 | ||
| 4295 |
원시인교주
|
13년 전 | 3451 | |
| 4294 | 13년 전 | 666 | ||
| 4293 | 13년 전 | 1217 | ||
| 4292 | 13년 전 | 962 | ||
| 4291 | 13년 전 | 2693 | ||
| 4290 |
Kanzi
|
13년 전 | 2303 | |
| 4289 |
393939
|
13년 전 | 515 | |
| 4288 | 13년 전 | 1578 | ||
| 4287 |
393939
|
13년 전 | 521 | |
| 4286 |
alenjoe
|
13년 전 | 2319 | |
| 4285 |
alenjoe
|
13년 전 | 1864 | |
| 4284 | 13년 전 | 475 | ||
| 4283 |
 cshop |
13년 전 | 5566 | |
| 4282 | 13년 전 | 831 | ||
| 4281 | 13년 전 | 1340 | ||
| 4280 | 13년 전 | 1154 | ||
| 4279 | 13년 전 | 1199 | ||
| 4278 | 13년 전 | 1076 | ||
| 4277 | 13년 전 | 1088 | ||
| 4276 |
 Terrorboy |
13년 전 | 944 | |
| 4275 |
스누피사랑
|
13년 전 | 1276 | |
| 4274 |
스누피사랑
|
13년 전 | 1659 | |
| 4273 |
스누피사랑
|
13년 전 | 674 | |
| 4272 |
스누피사랑
|
13년 전 | 1045 | |
| 4271 |
한번잘해보자
|
13년 전 | 2094 | |
| 4270 | 13년 전 | 1948 | ||
| 4269 | 13년 전 | 897 | ||
| 4268 |
mydie
|
13년 전 | 1391 | |
| 4267 | 13년 전 | 3876 | ||
| 4266 | 13년 전 | 613 | ||
| 4265 |
Terrorboy |
13년 전 | 2597 | |
| 4264 |
onlymilk74
|
13년 전 | 1376 | |
| 4263 | 13년 전 | 1808 | ||
| 4262 | 13년 전 | 1022 | ||
| 4261 | 13년 전 | 803 | ||
| 4260 |
 똥싼너구리 |
13년 전 | 804 | |
| 4259 | 13년 전 | 940 | ||
| 4258 |
Terrorboy |
13년 전 | 1027 | |
| 4257 |
Terrorboy |
13년 전 | 1917 | |
| 4256 | 13년 전 | 3152 | ||
| 4255 | 13년 전 | 2192 | ||
| 4254 | 13년 전 | 907 | ||
| 4253 | 13년 전 | 1515 | ||
| 4252 |
 MH코리아 |
13년 전 | 1752 | |
| 4251 | 13년 전 | 564 | ||
| 4250 | 13년 전 | 1800 | ||
| 4249 |
b1ack |
13년 전 | 3039 | |
| 4248 | 13년 전 | 1713 | ||
| 4247 | 13년 전 | 2649 | ||
| 4246 | 13년 전 | 3958 | ||
| 4245 | 13년 전 | 3991 | ||
| 4244 |
아이피마스터
|
13년 전 | 2394 | |
| 4243 |
 미운오리스키 |
13년 전 | 836 | |
| 4242 | 13년 전 | 1128 | ||
| 4241 | 13년 전 | 3946 | ||
| 4240 |
Kanzi
|
13년 전 | 2271 | |
| 4239 |
Kanzi
|
13년 전 | 1420 | |
| 4238 | 13년 전 | 3789 | ||
| 4237 | 13년 전 | 2469 | ||
| 4236 | 14년 전 | 558 | ||
| 4235 | 14년 전 | 2455 | ||
| 4234 | 14년 전 | 612 | ||
| 4233 |
Terrorboy |
14년 전 | 853 | |
| 4232 |
 미스코리아 |
14년 전 | 1680 | |
| 4231 |
미스코리아 |
14년 전 | 1297 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기