지도/로컬 API에 대한 문의게시판입니다.
다음 지도 API<script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=xxxxx"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(37.553760, 126.969655), // 지도의 중심좌표
level: 3, // 지도의 확대 레벨
mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
};
// 지도를 생성한다
var map = new kakao.maps.Map(mapContainer, mapOption);
var 데이터 =[
[37.553760, 126.969655,'<div style="padding:5px;">서울역</div>']
[37.558907, 126.978305,'<div style="padding:5px;">서울역2</div>']
[37.544647, 126.971986,'<div style="padding:5px;">서울역3</div>']
]
for(var i=0; i<데이터.length; i++){
// 지도에 마커를 생성하고 표시한다
var marker = new kakao.maps.Marker({
position: new kakao.maps.LatLng(데이터[i][0],데이터[i][1]), // 마커의 좌표
map: map // 마커를 표시할 지도 객체
});
// 인포윈도우를 생성합니다
var infowindow = new kakao.maps.InfoWindow({
content : 데이터[i][2]
});
// 마커 위에 인포윈도우를 표시합니다. 두번째 파라미터인 marker를 넣어주지 않으면 지도 위에 표시됩니다
infowindow.open(map, marker);
}
</script>
코드가 문제 없는거 같은데 왜…마커 표시가 안되죠?
(appkey 일부러 xxxxx로 표시)