A Mapbox react native module for creating custom maps

Mapbox Maps SDK for React Native. An unofficial React Native library for building maps with the Mapbox Maps SDK for iOS and Mapbox Maps SDK for Android. At the ... Skiptocontent {{message}} rnmapbox / maps Public Notifications Fork 572 Star 1.3k AMapboxreactnativemoduleforcreatingcustommaps License MITlicense 1.3k stars 572 forks Star Notifications Code Issues 29 Pullrequests 10 Discussions Actions Wiki Security Insights More Code Issues Pullrequests Discussions Actions Wiki Security Insights Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. main Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 13 branches 102 tags Code Latestcommit mfazekas Usekotlin16.21 … 1ea5cbf May4,2022 Usekotlin16.21 1ea5cbf Gitstats 2,576 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime .github Revert"chore:SetpermissionsforGitHubactions" Apr27,2022 __tests__ Runlint:fix Apr26,2022 android Usekotlin16.21 May4,2022 assets docs:makebackgroundinexamplepngstransparent(#1483) Aug5,2021 docs Runlint:fix Apr26,2022 example Usekotlin16.21 May4,2022 ios Convertry!tologging May4,2022 javascript Runlint:fix Apr26,2022 plugin FixESLinterrorsandunuseddisables Apr26,2022 scripts Reorganizejavasources May4,2022 style-spec SkyLayer,Light,stylespecupdate Mar6,2022 .eslintignore Lintindex.d.tsandscripts Apr25,2022 .eslintrc.js Runlint:fix Apr26,2022 .gitattributes Updateddotfilesandpackage.json Oct23,2017 .gitignore IgnoreRubygemsandlocalbundlerfiles,cleanup Apr20,2022 .npmignore Renamereact-native-mapbox-gl/mapstornmapbox/maps Mar16,2022 .nvmrc build:upgradenovetov14.17.0 Nov4,2021 .prettierrc.js Usemostprettierdefaults Apr25,2022 .sonarcloud.properties Create.sonarcloud.properties Sep26,2019 CHANGELOG.md UpdateCHANGELOG Apr25,2022 CONTRIBUTING.md UpdateCONTRIBUTING.md Sep29,2020 LICENSE.md iOSfixes Mar6,2022 README-v10.md UpdateREADME-v10.md Mar21,2022 README.md Fixedspellingmistake. Mar29,2022 RELEASE.md FixRELEASE.mdtyposandmainbranch Apr15,2022 app.plugin.js CreatedExpoconfigplugin(#1388) Jun14,2021 babel.config.js Runlint:fix Apr26,2022 index.d.ts FixESLinterrorsandunuseddisables Apr26,2022 package.json Revert"Huskydisablefixlintuntilcodebasereformat" Apr21,2022 react-native.config.js Fixautoload Apr4,2022 rnmapbox-maps.podspec iOS:Mapboxv10.4.3,android:Mapboxv10.4.1 Apr17,2022 setup-jest.js Runlint:fix Apr26,2022 tsconfig.json Fixtypessetupfromroot Apr20,2022 Viewcode 🟥Futureofthisrepo:participateinthediscussionthread🟥 🟥Callforadditionalmaintainersdiscussionthread🟥 🟥ThisREADMEisfortheunreleased10*branch.Pleaseseev8branchfordocumentationon8.*releases🟥 MapboxMapsSDKforReactNative Prerequisite Dependencies Installation Step1-InstallPackage: Step2-InstallationGuides: GettingStarted RunProject RuniOSSimulator RunAndroidEmulator Addingamap Documentation Components Sources Layers Terrain Offline Misc ExpoSupport TestingwithJest DeveloperGroup README.md 🟥Futureofthisrepo:participateinthediscussionthread🟥 🟥Callforadditionalmaintainersdiscussionthread🟥 🟥ThisREADMEisfortheunreleased10*branch.Pleaseseev8branchfordocumentationon8.*releases🟥 MapboxMapsSDKforReactNative AnunofficialReactNativelibraryforbuildingmapswith theMapboxMapsSDKforiOSandMapboxMapsSDKforAndroid Atthemomentthefollowingimplementationsaresupported: RNMapboxMapsImpl Notes mapbox NewMapboxv10implementation(BETA) maplibre MapLibreopensourceforkofMapboxSDKs mapbox-gl LegacymapboximplementationiOSAndroid SeeiOS&AndroidsetupguideformoredetailsonsettingRNMapboxMapsImpl Prerequisite OnAndroidwesupportfromversion6(API23)upwards PleaseSignUptoMapboxtogettheMapboxAccessToken. Dependencies node npm ReactNative(0.60+) Installation Step1-InstallPackage: #installwithYarn #yarnadd@rnmapbox/maps yarnaddrnmapbox/maps#main #orinstallwithNPM #npminstall@rnmapbox/maps--save npminstallrnmapbox/maps#main--save Step2-InstallationGuides: Android iOS Expo Example GettingStarted Formoreinformation,checkoutourGettingStartedsection RunProject BeforeyourunyourprojectbesureyouhavecompletedtheInstallationGuidesforAndroidoriOS. RuniOSSimulator #Runwithyarn yarnrunios #orRunwithNPM npmrunios RunAndroidEmulator #Runwithyarn yarnrunandroid #orRunwithNPM npmrunandroid Addingamap importReact,{Component}from'react'; import{StyleSheet,View}from'react-native'; importMapboxGLfrom'@rnmapbox/maps'; MapboxGL.setAccessToken(''); conststyles=StyleSheet.create({ page:{ flex:1, justifyContent:'center', alignItems:'center', backgroundColor:'#F5FCFF' }, container:{ height:300, width:300, backgroundColor:'tomato' }, map:{ flex:1 } }); exportdefaultclassAppextendsComponent{ render(){ return( ); } } Documentation Components MapView Light StyleSheet PointAnnotation MarkerView Callout Camera UserLocation Images Sources VectorSource ShapeSource RasterSource RasterDemSource Layers BackgroundLayer CircleLayer FillExtrusionLayer FillLayer LineLayer RasterLayer SymbolLayer HeatmapLayer SkyLayer Terrain Terrain Offline OfflineManager SnapshotManager Misc MapboxGL CustomHttpHeaders Logger ExpoSupport ThispackageisnotavailableintheExpoGoapp.Learnhowyoucanuseitwithcustomdevclients. TestingwithJest Thislibraryprovidessomemockswhicharenecessaryforrunningtests. Example: "jest":{ "preset":"react-native", "setupFilesAfterEnv":["@rnmapbox/maps/setup-jest"] } DeveloperGroup Haveaquestionorneedsomehelp?JoinourGitterdevelopergroup! About AMapboxreactnativemoduleforcreatingcustommaps Topics map react-native mapbox expo mapbox-gl-native maplibre Resources Readme License MITlicense Stars 1.3k stars Watchers 36 watching Forks 572 forks Releases 42 8.5.0 Latest Nov26,2021 +41releases Packages0 Nopackagespublished Contributors218 +207contributors Languages Java 43.8% JavaScript 25.8% Objective-C 16.9% Swift 9.6% TypeScript 1.3% EJS 1.1% Other 1.5% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.