안녕하세요.
카카오지도가 크롬이나 엣지는 잘 되는데 인터넷 익스플로러에서는 지도가 안보입니다.
해결할 방법이 있을까요?
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
설정도 되어있고 최신버전입니다.
현재 polygon 사용해서 경계면을 표시하고있는데 polygon이 지원을 안해서라는 이야기를 들어서 혹시 그거때문일까요?
지도는 https://dapi.kakao.com/v2/maps/sdk.js 사용해서 불러오고 있고
아래는 폴리곤 생성하는 코드입니다.
//polygon 생성
me.createMapPolygon = function(geoData){
// 경계 데이터 처리
for (var i = 0; i < geoData.length; i++) {
var feature = geoData[i];
var wkt = feature.geometry; // WKT 형태의 Geometry
var attributes = feature; // 속성 데이터
// 속성에서 지역 코드 추출
var admCd = attributes.admCd; // 지역 코드 예: '11000'
var admNm = attributes.admNm; // 지역 이름
// 이미 해당 지역 코드(admCd)가 처리되었는지 확인
if (drawnAdmCds.indexOf(admCd) !== -1) {
continue; // 이미 처리된 경계면은 건너뛰기
}
if (wkt.startsWith("POLYGON") || wkt.startsWith("MULTIPOLYGON")) {
// WKT를 좌표 배열로 변환
var paths = parseWKTToPaths(wkt);
// 지역 코드에 따라 색상 결정
var fillColor = getFillColor(admCd);
// 다각형 옵션 설정
var polygon = new kakao.maps.Polygon({
path: paths,
strokeWeight: 4,
strokeColor: fillColor,
strokeOpacity: 1,
fillColor: 'transparent', // 투명 설정
fillOpacity: 0.01
});
// polygonList 배열에 저장
polygonAllList.push({ admCd: admCd, polygon: polygon, admNm: admNm});
//세팅된 폴리곤 색
setColorMapPolygon(admCd, fillColor);
drawnAdmCds.push(admCd); // Set 대신 배열에 추가
}
}
}