Kendo React Map component won't display

1 Answer 32 Views
Map
Thomas
Top achievements
Rank 1
Iron
Thomas asked on 26 Mar 2024, 05:51 PM
We've tried to duplicate the React Map component demos as closely as possible, but the map body won't display. We've ensured that all necessary packages have been installed and that the parent div has a specified width and height. What are we missing? (Code also attached in file)


1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 27 Mar 2024, 04:50 PM

Hi, Thomas,

The faced issue is related to the `flex` style applied to the Map parent.

Removing it will allow the Map to render its elements successfully:

      <div
        style={{
          display: 'flex',
          marginBottom: 45,
          width: 500,
          height: 500,
        }}
      >

You ca test the updated version of the provided sample here: https://stackblitz.com/edit/react-w6nccp?file=app%2Fmain.tsx

I hope this helps but let me know should I can assist you with anything else.

Regards,
Vessy
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Map
Asked by
Thomas
Top achievements
Rank 1
Iron
Answers by
Vessy
Telerik team
Share this question
or