react-leaflet map not correctly displayed.You can fix by adding the following lines of code inside head element on your index.html.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css"> <style> body { padding-bottom: 30px; } h1, h2, p { font-family: sans-serif; text-align: center; } .leaflet-container { height: 400px; width: 80%; margin: 0 auto; } </style> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.