마커 표시가 안됩니다.
195
yhsapple080718
작성한 질문수 3
1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>myfirstmap</title>
<style>
body {
padding: 0px !important;
margin: 0px !important;
}
#navbar {
height: 50px;
width: 100%;
background: #262626;
color: white;
font-weight: bolder;
font-size: 25px;
display: flex;
justify-content: center;
align-items: center;
}
#infoBox {
position: absolute;
top: 100px;
z-index: 10000;
background: white;
left: 20px;
padding: 15px;
border: solid 1px #262626;
border-radius: 4px;
text-align: center;
}
#infoTitle {
font-size: 15px;
font-weight: bolder;
}
.marker {
border: solid 1px #000000;
background: green;
opacity: 0.8;
width: 24px;
height: 24px;
}
</style>
</head>
<body>
<div id="navbar">myfirstmap</div>
<div id="infoBox">
<div id="infoTitle">현재 날짜</div>
<div id="infoContent">2021.05.09</div>
</div>
<div id="map" style="width:100%;height:100vh;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=앱키"></script>
<script>
var container = document.getElementById('map');
var options = {
center: new kakao.maps.LatLng(33.396273295560555, 126.4955679259172),
level: 3
};
var map = new kakao.maps.Map(container, options);
marker = new kakao.maps.Marker({
map: map,
position : new kakao.maps.LatLng(33.396273295560555, 126.4955679259172),
icon: {
content: "<div class='marker'></div>"
}
})
</script>
</body>
</html>
답변 1
0
질문 주셔서 감사합니다:)
자세한 에러 사항을 알기 위해서 브라우저의 콘솔에 뜨는 에러를 캡쳐해서 보내주시면 좀 더 빠르게 해결이 가능할 것 같습니다~!!
감사합니다~!:)
map API
0
50
1
nodejs 터미널 인식
0
53
1
kakao is not defined 오류
0
437
1
nodemon ./bin/www 입력 시 오류
0
174
1
호스팅 및 도메인 관련
0
168
1
마커이미지가 깨집니다
0
151
2
nodemon설치와 express-generator 오류
0
225
1
코드를 다운받을수 있나요?
0
215
1
SUDO를 계속 입력하지 않는 방법을 알 수 있을까요?
0
618
1
var로 선언하는 이유
0
375
1
Places 코드가 안돼요.
0
358
0
애니메이션 관련 질문
0
278
1
(index):121 Uncaught ReferenceError: kakao is not defined at (index):121:10
0
624
0
히트맵 구성
0
247
0
이벤트리스너 추가부분 질문..
0
311
2
for문 돌릴때 ii 에 대해서 궁금합니다.
1
398
1
express 설정
0
260
0
이름공간 문법?
0
281
0
마커가 안뜹니다
1
326
2
nodemon 설치 에러
0
419
1
AI NAVER API 관련 질문
1
381
2
궁금한게 있어요 link로 연결할때 href에 public 경로를 빼야만 적용되는 이유는 뭔가요??
1
233
0
node와 ncm 의 버전 확인이 안됩니다ㅠㅠ
0
431
1
저장후엔 localhost가 열리지 않네요ㅠ
0
306
0