visgl/react-map-gl: React friendly API wrapper around ... - GitHub

react-map-gl is a suite of React components designed to provide a React API for Mapbox GL JS-compatible libraries. More information in the online ... Skiptocontent {{message}} visgl / react-map-gl Public Notifications Fork 1.1k Star 6.5k ReactfriendlyAPIwrapperaroundMapboxGLJS visgl.github.io/react-map-gl/ License Viewlicense 6.5k stars 1.1k forks Star Notifications Code Issues 10 Pullrequests 4 Discussions Actions Security Insights More Code Issues Pullrequests Discussions Actions Security Insights Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. master Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 19 branches 174 tags Code Latestcommit Pessimistress Usepublishedtypesingeocoderanddrawexamples(#1838) … b2bdb91 Apr21,2022 Usepublishedtypesingeocoderanddrawexamples(#1838) b2bdb91 Gitstats 920 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime .github     docs     examples     scripts     src     test     website     .eslintignore     .eslintrc.js     .gitignore     .ocularrc.js     .prettierrc     CHANGELOG.md     CONTRIBUTING.md     LICENSE     README.md     TESTING.md     babel.config.js     index.html     nyc.config.js     package.json     tsconfig.es5.json     tsconfig.esm.json     tsconfig.json     webpack.config.js     yarn.lock     Viewcode react-map-gl|Docs Installation Example UsingMapboxTokens Contribute Attributions README.md react-map-gl|Docs react-map-glisasuiteofReactcomponentsdesignedtoprovideaReactAPIforMapboxGLJS-compatiblelibraries.Moreinformationintheonlinedocumentation. SeeourDesignPhilosophy. Installation Usingreact-map-glrequiresreact>=16.3. npminstall--savereact-map-glmapbox-gl Example import*asReactfrom'react'; importMapfrom'react-map-gl'; functionApp(){ return; } UsingMapboxTokens Startingwithv2.0,mapbox-glrequiresaMapboxtokenforanyusage,withorwithouttheMapboxdataservice.SeeaboutMapboxtokensforyouroptions. ToshowmapsfromaservicesuchasMapboxyouwillneedtoregisterontheirwebsiteinordertoretrieveanaccesstokenrequiredbythemapcomponent,whichwillbeusedtoidentifyyouandstartservingupmaptiles.Theservicewillbefreeuntilacertainleveloftrafficisexceeded. Thereareseveralwaystoprovideatokentoyourapp,asshowcasedinsomeoftheexamplefolders: ProvideamapboxAccessTokenproptothemapcomponent SettheMapboxAccessTokenenvironmentvariable(orsetREACT_APP_MAPBOX_ACCESS_TOKENifyouareusingCreateReactApp) ProvideitintheURL,e.g?access_token=TOKEN Contribute Seecontributionguide. Attributions react-map-glispartofvis.gl,anUrbanComputingFoundationproject. Developmentisalsosupportedby About ReactfriendlyAPIwrapperaroundMapboxGLJS visgl.github.io/react-map-gl/ Topics react map webgl uber mapbox-gl mapbox-gl-js data-visualization Resources Readme License Viewlicense Stars 6.5k stars Watchers 2k watching Forks 1.1k forks Releases 134 v7.0.11 Latest Apr21,2022 +133releases Packages0 Nopackagespublished Usedby21.3k +21,267 Contributors150 +139contributors Languages TypeScript 49.0% JavaScript 47.8% CSS 2.0% Other 1.2% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.