How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map with custom markers

Goal

A simple map with markers, popups.

Packages required

• leaflet
• react-leaflet
• leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css )

Possible errors

Icon isn’t showing properly

solution

import leaflet css in file

related github question here or here

Solution

Links

1. Quick Start / Documentation

These might interest you:

How I learn German by Writing 2020 : 16/03/2020 – 30/03/2020

Learning Java in 2020 – Beginner – Pig Latin

Learning Java in 2020 – Beginner – How to program a basic…

Programming update: So I have learned Storybook (React) and…

Learning English and German by Reviewing Korean Drama 2020 :…

How to display a map on your website with react-leaflet for…

Learning Java in 2020 – Beginner – Ridiculously Simple…

Learning Java in 2020 – Beginner – Count Vowels

How I learn German by Writing 2020 : 1/03/2020 – 15/03/2020

Nate Pann gist and learning Korean : What are your thoughts…