React + Leaflet in web Applications

React + Leaflet in web Applications

We use a lot of mobile apps which are using map services. Same like google map, Uber, Careem and Bykea mobile applications. These applications are using map services. 

So If you want to use map services in your react project, the leaflet will be more helpful library to provide awesome map services.

A leaflet is an open-source library for integrating map services in react js. Using this library we can add markers, circle, squares, draw lines and too much other interesting things.


How to install in our project

npm i react-leaflet

import { Map, TileLayer } from 'react-leaflet';


No alt text provided for this image

Here is the link of official documentation

Thanks a lot

Azeem Aleem

ismail khairy

Consultant Full stack Developer (React/Vue JS /Java / Spring-boot/ Go Lang) J2EE and FileNet P8

1 年

Thank you for the great share

要查看或添加评论,请登录

Azeem Aleem的更多文章

  • Stop Using Inline Styles in React js

    Stop Using Inline Styles in React js

    Always avoid passing inline Styles to any react components. It's a little tiny thing that causes a huge problem in our…

    28 条评论
  • Difference Between Git & Github

    Difference Between Git & Github

    Git Git is a version control system for tracking changes in computer files/Your local system. But what is the version…

    1 条评论
  • Interview-Based Concept (CONST)

    Interview-Based Concept (CONST)

    Concept of const is a little bit tricky which you should understand if you are a javascript developer. When anybody…

    2 条评论
  • How does JS Hoisting work?

    How does JS Hoisting work?

    Variable Hoisting is a by the default behaviour of javascript to compile the code in a specific manner. We mostly…

  • Can I use Multiple useEffects in a single Component?

    Can I use Multiple useEffects in a single Component?

    Using the useEffect hook we can inform the react that we need some data after component render. It can handle any side…

    4 条评论
  • REST API vs Web API

    REST API vs Web API

    What is the difference between API and REST API? Not all APIs are REST, but all REST services are APIs So let's start a…

    4 条评论
  • Pure and Impure Functions in React/JS

    Pure and Impure Functions in React/JS

    Pure Functions A Pure function is a function that does not modify any external variable. And the Impure function…

    8 条评论
  • What is Async/await in React

    What is Async/await in React

    "Await" only works inside the Async functions. As you know that asynchronous function tasks are never dependent on each…

    7 条评论

社区洞察

其他会员也浏览了