프로필 사진
위대한 개발자
bolt icon179·3년 이상·
1.1k
·수정됨
공유

openlayers API



iconFeature.setStyle(
new ol.style.Style({
// 지도상에 찍히는 포인트 스타일 설정
image: new ol.style.Circle({
fill: new ol.style.Fill({ color: [255,190,10,0.7] }),
stroke: new ol.style.Stroke({ color: [120,120,120,1] }),
radius: 6
})
})
);
iconFeatures.push(iconFeature); // iconFeature 에 넣기. 조건문을 이용해 아이콘(포인트)를 다르게 찍어도 괜찮을듯.
}

vectorSource.addFeatures(iconFeatures); // vectorSource 에 features 를 넣기.

map.getView().fit(vectorLayer.getSource().getExtent(), map.getSize()); // 지도상 좌표들이 다 보이는 최소크기로 이동

return iconFeatures;
}


// 맵클릭시 팝업 이벤트
map.on('click', function (evt) {
var feature = map.forEachFeatureAtPixel(evt.pixel, function (feature) {
return feature;
}
);
if (feature) {
alert("위치 : "+feature.get('nm'));
}
});

해당 마커를 클릭하면 팝업창에 '위치 : 떼부루 해수욕장' 말고, DB에 있는 데이터를 출력하고 싶은데, 어떻게 하면 되나요??ㅠㅠ

0
cat-footer