@react-native-mapbox-gl/maps - npm package | Snyk

Learn more about @react-native-mapbox-gl/maps: package health score, popularity, security, maintenance, versions and more. PackageHealthScore84/100SecuritySecurityreviewneededPopularityRecognizedMaintenanceHealthyCommunityActiveKeepyourprojecthealthy Checkyourpackage.jsonNEWEnsureallthepackagesyou'reusingarehealthyand well-maintainedSnykVulnerabilityScannerGethealthscore&securityinsightsdirectlyinyourIDESecureYourProjectFind&fixvulnerabledependenciesandinsecurecodeAllsecurityvulnerabilitiesbelongto productiondependenciesofdirectandindirect packages. SecurityandlicenseriskforsignificantversionsAllVersionsVersionVulnerabilitiesLicenseRisk8.6.0-beta.0|03/20220C0H0M0L0H0M0L8.5.0|11/2021Popular 0C0H0M0L0H0M0L7.2.0|01/20200C0H0M0L0H0M0L7.0.10|01/20200C0H0M0L0H0M0LLicense MIT SecurityPolicy No Isyourprojectaffectedbyvulnerabilities? Scanyourprojectsforvulnerabilities.Fixquicklywithautomated fixes.GetstartedwithSnykforfree. #InstalltheSnykCLIandtestyourprojectnpmisnyk-g&&snyktest@react-native-mapbox-gl/mapsGetstartedfree WeeklyDownloads(13,897) Downloadtrend PopularitybyversionDownloadtrendDependents 5 GitHubStars 1.29K Forks 571 Contributors 220 DirectUsagePopularityTOP30% Thenpmpackage@react-native-mapbox-gl/mapsreceivesatotalof 13,897downloadsaweek.Assuch,wescored @react-native-mapbox-gl/mapspopularityleveltobeRecognized. BasedonprojectstatisticsfromtheGitHubrepositoryforthe npmpackage@react-native-mapbox-gl/maps,wefoundthatithasbeen starred1,290times,andthat5otherprojects intheecosystemaredependentonit. Downloadsarecalculatedasmovingaveragesforaperiodofthelast12 months,excludingweekendsandknownmissingdatapoints. Readme.md Yes Contributing.md Yes CodeofConduct No Contributors 220 Funding No Agoodandhealthyexternalcontributionsignalfor@react-native-mapbox-gl/mapsproject, whichinvitesmorethanonehundredopensourcemaintainersto collaborateontherepository. Wefoundawayforyoutocontributetotheproject!Lookslike @react-native-mapbox-gl/mapsismissingaCodeofConduct. EmbedPackageHealthScoreBadge packagehealth:84/100 packagehealth packagehealth 84/100 84/100 CopyMarkdownCommitFrequencyOpenIssues 29 OpenPR 10 LastRelease 2monthsago LastCommit 4daysago Furtheranalysisofthemaintenancestatusof@react-native-mapbox-gl/mapsbasedon releasednpmversionscadence,therepositoryactivity, andotherdatapointsdeterminedthatitsmaintenanceis Healthy. Wefoundthat@react-native-mapbox-gl/mapsdemonstratesapositiveversionreleasecadence withatleastonenewversionreleasedinthepast3months. Asahealthysignforon-goingprojectmaintenance,wefoundthatthe GitHubrepositoryhadatleast1pullrequestorissueinteractedwith bythecommunity. Node.jsCompatibility notdefined Age 3years Dependencies 9Direct Versions 41 InstallSize 2.54MB Dist-tags 1 #ofFiles 389 Maintainers 2 TSTypings No @react-native-mapbox-gl/mapshasmorethanasingleanddefaultlatesttagpublishedfor thenpmpackage.Thismeans,theremaybeothertagsavailableforthis package,suchasnexttoindicatefuturereleases,orstabletoindicate stablereleases. Notsurehowtouse@react-native-mapbox-gl/maps? CodeExamples Readme Tohelpyougetstarted,we'vecollectedthemostcommonwaysthat @react-native-mapbox-gl/mapsisbeingusedwithinpopularpublicprojects. exportfunctioncreatePack(options){ const{name,bounds}=options constprogressListener=(offlineRegion,status)=>{ //TODO:callreduxactionstoupdateuiasneeded console.log(offlineRegion,status) } consterrorListener=(offlineRegion,err)=>{ //TODO:callreduxactionstoupdateuiasneeded console.log(offlineRegion,err) } returnMapboxGL.offlineManager.createPack({ name, styleURL, bounds, //TODO:we'llwanttotestoutdifferentmin/maxzooms minZoom:10, maxZoom:20 },progressListener,errorListener) }Viewmorewaystouse@react-native-mapbox-gl/maps 🟥Futureofthisrepo:participateinthediscussionthread🟥 Callforadditionalmaintainers Heyyou,yesyou! Doyoulikethisrepo,areyouusingit(areyouusingitforproductionapps?!It'scool,wedotoo!)? Ifyouhavesometimetospare,we'dlovetogetyourhelp! Ihearyouask"Yes,YES,butHow?!"(indeafeningsilence), well...herearesomeexamples: checkourdocs(stilluptodate?needsomeedits?) reviewissueticketsandreplywithhelpfulanswers jointheGitterchatandengagewithotherusers reviewPRsandcommentonthingsyounotice activelyhelpmovetheprojectforwardbysubmittingPRsthatintroducefixesandfeatures Youdon'tneedtobeafull-fledgedmaintainertodothosethings,however, ifyouareinterestedinbecomingone,don'thesitatetoreplyinthisdiscussion. Thanks🙇 MapboxMapsSDKforReactNative AnunofficialReactNativelibraryforbuildingmapswith theMapboxMapsSDKforiOSandMapboxMapsSDKforAndroid WealsosupportMapLibreflavorsofMapboxSDKsnow🎉 Prerequisite OnAndroidwesupportfromversion6(API23)upwards PleaseSignUptoMapboxtogettheMapboxAccessToken. Dependencies node npm ReactNative(0.60+) Installation Step1-InstallPackage: #installwithYarn yarnadd@react-native-mapbox-gl/maps #orinstallwithNPM npminstall@react-native-mapbox-gl/maps--save Step2-InstallationGuides: Android iOS Expo Example GettingStarted Formoreinformation,checkoutourGettingStartedsection RunProject BeforeyourunyourprojectbesureyouhavecompletededtheInstallationGuidesforAndroidoriOS. RuniOSSimulator #Runwithyarn yarnrunios #orRunwithNPM npmrunios RunAndroidEmulator #Runwithyarn yarnrunandroid #orRunwithNPM npmrunandroid Addingamap importReact,{Component}from'react'; import{StyleSheet,View}from'react-native'; importMapboxGLfrom'@react-native-mapbox-gl/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 Layers BackgroundLayer CircleLayer FillExtrusionLayer FillLayer LineLayer RasterLayer SymbolLayer HeatmapLayer Offline OfflineManager SnapshotManager Misc MapboxGL CustomHttpHeaders Logger ExpoSupport ThispackageisnotavailableintheExpoGoapp.Learnhowyoucanuseitwithcustomdevclients. TestingwithJest Thislibraryprovidessomemockswhicharenecessaryforrunningtests. Example: "jest":{ "preset":"react-native", "setupFilesAfterEnv":["@react-native-mapbox-gl/maps/setup-jest"] } DeveloperGroup Haveaquestionorneedsomehelp?JoinourGitterdevelopergroup! @react-native-mapbox-gl/mapsdependencies@expo/config-plugins@mapbox/geo-viewport@turf/along@turf/distance@turf/helpers@turf/length@turf/nearest-point-on-line@types/geojsondebounceFAQsWhatis@react-native-mapbox-gl/maps? AMapboxGLreactnativemoduleforcreatingcustommaps.VisitSnykAdvisortoseea fullhealthscorereport for@react-native-mapbox-gl/maps,includingpopularity,security,maintenance &communityanalysis. Is@react-native-mapbox-gl/mapspopular? Thenpmpackage@react-native-mapbox-gl/mapsreceivesatotal of13,897weeklydownloads.As such,@react-native-mapbox-gl/mapspopularitywasclassifiedas a recognized.Visitthe popularitysection onSnykAdvisortoseethefullhealthanalysis. Is@react-native-mapbox-gl/mapswellmaintained? Wefoundthat@react-native-mapbox-gl/mapsdemonstrateda healthyversionreleasecadenceandproject activity.Ithasacommunityof 220opensourcecontributors collaboratingontheproject.Seethefull packagehealthanalysis tolearnmoreaboutthepackagemaintenancestatus. Is@react-native-mapbox-gl/mapssafetouse? Whilescanningthelatestversionof@react-native-mapbox-gl/maps,wefound thatasecurityreviewisneeded.Atotalof 1vulnerabilitiesorlicenseissueswere detected.Seethefull securityscanresults. Lastupdatedon 6May-2022,at10:54(UTC). BuildasecureapplicationchecklistSelectarecommendedopensourcepackageMinimizeyourriskbyselectingsecure&wellmaintainedopensourcepackagesDONEScanyourappforvulnerabilitiesScanyourapplicationtofindvulnerabilitiesinyour:sourcecode,opensourcedependencies,containersandconfigurationfilesSCANNOWExamplescanforyourappSourceCode2C0H1M1LOpenSource0C1H0M1LContainer1C0H0M1LConfig0C1H0M0LFixidentifiedvulnerabilitiesEasilyfixyourcodebyleveragingautomaticallygeneratedPRsAUTOFIXMonitorfornewissuesNewvulnerabilitiesarediscoveredeveryday.GetnotifiedifyourapplicationisaffectedMONITORAPP