안녕하세요. 질문이 있는데요
<%@ page language=“java” contentType="text/html; charset=UTF-8"
pageEncoding=“UTF-8”%>
<%@page import = “Covid19.covidDTO”%>
<%@page import = “java.util.ArrayList”%>
<%@page import = “Covid19.covidDAO”%>
for(int i = 0; i<dtos.size(); i++) {
covidDTO dto = dtos.get(i) ;
String SIDO = dto.getSIDO() ;
String SIGUNGU = dto.getSIGUNGU() ;
String PLACE = dto.getPLACE() ;
String TITLE = dto.getTITTLE() ;
String ADDR = dto.getADDR() ;
String SHOWDT = dto.getSHOWDT();
String DISINFECT = dto.getDISINFECT() ;
out.println("시 : " + SIDO + ", 구 : " + SIGUNGU + ", 장소유형 : " + PLACE + ", 상호명 : " + TITLE +
", 주소 : " + ADDR + ", 노출일시 : " + SHOWDT + ", 소독여부 : " + DISINFECT + "<br />") ;
}
%>
<p style="margin-top: -12px">
<em class="link"> <a href="javascript:void(0);"
onclick="window.open('http://fiy.daum.net/fly/map/CsGeneral.daum', '_blank', 'width=981. height = 650')">
혹시 주소 결과가 잘못 나오는 경우에는 여기에 제보해주세요 </a>
</em>
</p>
<div id="map" style="width: 100%; height: 780px;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=키값"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center : new daum.maps.LatLng(36.633535, 127.425882), // 지도의 중심좌표
level : 13
} ;
// 지도를 생성합니다.
var map = new daum.maps.Map(mapContainer, mapOption) ;
// 주소 - 좌표 변환 객체 생성합니다.
var geocoder = new daum.maps.services.Geocoder() ;
var myAddress = ADDR(i) ;
function myMarker (number, address) {
// 주소로 좌표를 검색합니다.
geocoder
.addressSearch(
address,
function(result, status) {
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(
result[0].y, result[0].x) ;
/*
// 결과값으로 받은 위치를 마커로 표시
var marker = new daum.maps.Marker({
map : map,
position : coords
}) ;
*/
/*
// 인포윈도우로 장소에 대한 설명을 표시
var infowindow = new daum.maps.InfoWindow(
{
// content : '<div style = "width:50px, text-align:center;paddiong:3ps 0;">|</div>'
content : '<div style = "color:red;">' + number + '</div>'
}) ;
infowindow.open(map, marker) ;
*/
// 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능
var content = '<div class = "customoverlay">'
+ ' <span class = "title">'
+ '<div style = "font-style:normal; color:red; font-weight:bold; font-size:2.0em">'
+ number + '</div>' + '</span>'
+ '<div>';
// 커스텀 오버레이가 표시될 위치
var position = new daum.maps.LatLng (
result[0].y, result[0].x);
// 커스텀 오버레이를 생성합니다.
var customOverlay = new daum.maps.CustomOverlay(
{
map : map,
position : position,
content : content,
yAnchor : 1
}) ;
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다.
map.setCenter(coords) ;
}
});
}
for (i=0; i<myAddress.length; i++) {
myMarker(i+1, myAddress[i]) ;
}
</script>
제가 여기까지 코드를 짰는데 지도위에 마커가 표시가 안되더라구요 ㅠㅠ 어디가 잘못 된 걸까요