kakao Map polyline 을 그릴 시 사용자의 특정 값을 추가 하여 click event를 진행 할수 있는지 여부
polyline 및 map을 그릴 시 사용자가 특정 값을 입력 하여, click event 시에 위도, 경도 외에 사용자 특정 값을 불러 들일수 있는지 여부
가능합니다. 코드 참고해서 구현해주세요.
// 선을 구성하는 좌표 배열입니다. 이 좌표들을 이어서 선을 표시합니다
var lines = [
{
path: [
new kakao.maps.LatLng(33.452344169439975, 126.56878163224233),
new kakao.maps.LatLng(33.452739313807456, 126.5709308145358),
new kakao.maps.LatLng(33.45178067090639, 126.5726886938753)
],
name: 'polyline1'
},
{
path: [
new kakao.maps.LatLng(33.45133510810506, 126.57159381623066),
new kakao.maps.LatLng(33.44955812811862, 126.5713551811832),
new kakao.maps.LatLng(33.449986291544086, 126.57263296172184),
],
name: 'polyline2'
}
];
lines.map(data => {
// 지도에 표시할 선을 생성합니다
var polyline = new kakao.maps.Polyline({
path: data.path, // 선을 구성하는 좌표배열 입니다
strokeWeight: 5, // 선의 두께 입니다
strokeColor: '#FFAE00', // 선의 색깔입니다
strokeOpacity: 0.7, // 선의 불투명도 입니다 1에서 0 사이의 값이며 0에 가까울수록 투명합니다
strokeStyle: 'solid', // 선의 스타일입니다
map: map // 선을 지도에 표시합니다.
});
//선 이벤트를 등록합니다.
kakao.maps.event.addListener(polyline, 'click', function(e) {
console.log(e.latLng, data.name); // 클릭한 위치의 위경도, 데이터 이름 출력
});
});