Custom Maps using React Leaflet and Mapbox

1

Webpack

And this time, instead of using the webpack as a bundler, I'm going to use Vite, if you never used it now is the chance to do so.

#Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions

2

ipapi

// @src/hooks/index.jsx Import { useState, useEffect } from "react"; Import axios from "axios"; Export const useMap = () => { const [position, setPosition] = useState({ lat: 47.21725, lng: -1.55336, }); useEffect(() => { navigator.geolocation.getCurrentPosition( ({ coords }) => { setPosition({ lat: coords.latitude, lng: coords.longitude }); }, (blocked) => { if (blocked) { const fetch = async () => { try { const { data } = await axios.get("https://ipapi.co/json"); setPosition({ lat: data.latitude, lng: data.longitude }); } catch (err) { console.error(err); } }; fetch(); } } ); }, []); return { position }; };.

#Geolocation #IP Data #IP Geolocation 19 social mentions