카카오 map infowwindow에 barchart를 띄우고 싶습니다

kakao.maps.event.addListener(polygon, ‘click’, function (mouseEvent) {

  var data = {area: name}

  var area_json = {data : data}

  axios.defaults.withCredentials = true;

  const api = axios.create({

    baseURL: "http://localhost:5000",

    withCredentials: true

  })

  api.post('/info',{area : name},{withCredentials: true})

  .then(function(response){

    areaResult=response.data['result_list'];

    const content =

    '<div>' +

    <Barchart></Barchart>+

    '</div>';

    infowindow.setContent(content);

    infowindow.setPosition(mouseEvent.latLng);

    infowindow.setMap(map);

 })

  .catch(function(error){

    console.log(error);

  });



});

화면 캡처 2022-11-30 162909
infowwindow에 object가
뜨는데 다른곳에서 만든 barchart를 infowwindow에 띄울 방법이 없을까요?

InfoWindow, CustomOverlay 모두 HTMLElement, HTML 문자열만 가능하며
외부 프레임워크나 라이브러리로 컴포넌트화 된 객체로 설정할 수 없습니다.
직접 Barchart의 element를 구성해서 content로 적용해주세요.

1개의 좋아요

덕분에 해결했습니다. 감사합니다!

1개의 좋아요

12345

67890

13456