inflearn logo
강의

Course

Instructor

Creating a Map Service with the Corona Map Developer 1

클릭이벤트가 왜 추가되지 않는지 모르겠습니다.

260

eun970923

7 asked

1

개발자님, 계속 코드를 다시 봐도 오류를 찾을 수 가 없어서 질문을 올립니다.

index.ejs파일에 코드 오류가 없는거 같은데 왜 이벤트 생성이 제대로 안될까요??

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>myfirstmap</title>
<link rel="stylesheet" href="/stylesheets/style.css"/>
<script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=wex4n8j00f">
</script>
</head>

<body>
<div id="navbar">myfirstmap</div>
<div id="infoBox">
<div id="infoTitle">현재날짜</div>
<div id="infoContent">2020.07.10</div>
</div>
<div id="map" style="width:100%; height:100vh;"></div>
<script type="text/javascript" src="/data/data.js"></script>
<script>
var mapOptions = {
center: new naver.maps.LatLng(37.3595704, 127.105399),
zoom: 10,
};

var map = new naver.maps.Map('map', mapOptions);

var markerList=[];
var infowindowList=[];

for (var i in data){
var target=data[i];
var latlng=new naver.maps.LatLng(target.lat, target.lng);
marker=new naver.maps.Marker({
map:map,
position:latlng,
icon:{
content:"<div class='marker'></div>",
anchor: new naver.maps.Point(12,12)
},
});

var content=`<div class='infowindow_wrap'>
<div class='infowindow_title'>${target.title}</div>
<div class='infowindow_content'>${target.content}</div>
<div class='infowindow_date'>${target.date}</div>
</div>`

var infowindow=new naver.maps.InfoWindow({
cotent: content,
backgroundColor:"#00ff0000",
borderColor: "#00ff0000",
anchorSize: new naver.maps.Size(0,0)
})

markerList.push(marker);
infowindowList.push(infowindow);
}

for(var i=0,ii=markerList.length; i<ii; i++){
naver.maps.Event.addListener(markerList[i],"click",getClickHandler(i));
}

function getClickHandler(i){
return function(){
var marker=markerList[i];
var infowindow=infowindowList[i];
if(infowindow.getMap()){
infowindow.close();
}else{
infowindow.open(map,marker)
}
}
}

</script>
</body>
</html>

웹앱 nodejs vscode express

Answer 3

0

donghunee

안녕하세요 :)

확인 결과 

infowindow를 생성하는 부분에서

content가 contnet로 오타가 있어 정상적으로 이벤트가 작동되지 않았던 것 같습니다~!!!

적용후에 동일 현상 발생 시 한번 더 질문 주세용~~~!!

감사합니다:)

0

eun970923

이런 오류가 뜹니다.

0

donghunee

질문 주셔서 감사합니다:)

혹시 브라우져에서 f12 눌렀을 때 에러가 어떻게 나오는지 캡쳐해서 보내주실 수 있을까요??

map API

0

34

1

nodejs 터미널 인식

0

36

1

kakao is not defined 오류

0

414

1

nodemon ./bin/www 입력 시 오류

0

165

1

호스팅 및 도메인 관련

0

159

1

마커이미지가 깨집니다

0

144

2

nodemon설치와 express-generator 오류

0

220

1

코드를 다운받을수 있나요?

0

202

1

SUDO를 계속 입력하지 않는 방법을 알 수 있을까요?

0

597

1

var로 선언하는 이유

0

368

1

Places 코드가 안돼요.

0

349

0

애니메이션 관련 질문

0

271

1

(index):121 Uncaught ReferenceError: kakao is not defined at (index):121:10

0

617

0

히트맵 구성

0

243

0

이벤트리스너 추가부분 질문..

0

298

2

for문 돌릴때 ii 에 대해서 궁금합니다.

1

388

1

express 설정

0

253

0

이름공간 문법?

0

271

0

마커가 안뜹니다

1

318

2

nodemon 설치 에러

0

413

1

AI NAVER API 관련 질문

1

373

2

궁금한게 있어요 link로 연결할때 href에 public 경로를 빼야만 적용되는 이유는 뭔가요??

1

225

0

node와 ncm 의 버전 확인이 안됩니다ㅠㅠ

0

422

1

저장후엔 localhost가 열리지 않네요ㅠ

0

297

0