[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7412":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":18,"lastSyncTime":36,"discoverSource":37},7412,"maps","rnmapbox\u002Fmaps","rnmapbox","A Mapbox react native module for creating custom maps","",null,"Kotlin",2841,940,37,96,0,1,2,21,4,66.02,"MIT License",false,"main",true,[27,28,29,30,31,32],"expo","map","mapbox","mapbox-gl-native","maplibre","react-native","2026-06-12 04:00:33","\n# Mapbox Maps SDK for React Native\n\n\u003Ctable style=\"border: none; border-width: 0px\">\n\u003Ctr style=\"border: none; border-width: 0px\">\n\u003Ctd style=\"border: none; border-width: 0px\">\n\u003Cimg src=\".\u002Fassets\u002Fmapbox_logo.png\" height=\"75\">\n\u003C\u002Ftd>\n\u003Ctd style=\"border: none; border-width: 0px\">\n\u003Cimg src=\".\u002Fassets\u002FReact-icon.svg\" height=\"75\">\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n|  [![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F%40rnmapbox%2Fmaps.svg)](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F%40rnmapbox%2Fmaps)  | [![iOS & Android Build](https:\u002F\u002Fgithub.com\u002Frnmapbox\u002Fmaps\u002Factions\u002Fworkflows\u002Fon-push.yml\u002Fbadge.svg?branch=main)](https:\u002F\u002Fgithub.com\u002Frnmapbox\u002Fmaps\u002Factions\u002Fworkflows\u002Fon-push.yml?branch=main)  |\n|---|---|\n\n\n\n_A community-supported, open-source React Native library for building maps with the [Mapbox Maps SDK for iOS](https:\u002F\u002Fwww.mapbox.com\u002Fios-sdk\u002F) and [Mapbox Maps SDK for Android](https:\u002F\u002Fwww.mapbox.com\u002Fandroid-sdk\u002F)_\n\n---\n## News & Discussions\n#### \u003Cspan style=\"color:red\">→\u003C\u002Fspan> Call for additional maintainers [discussion thread](https:\u002F\u002Fgithub.com\u002Frnmapbox\u002Fmaps\u002Fdiscussions\u002F1551)\n\n---\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd colspan=\"2\" align=\"center\">\n\u003Cimg src=\".\u002Fassets\u002Fintro-examples.png\"\u002F>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\n\u003Cimg src=\".\u002Fassets\u002Fbeta-maps-example-point-annotation-960-d280759f6a3d8d75458f399c7a044926.webp\" width=\"1200\"\u002F>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\n\u003Cimg src=\".\u002Fassets\u002Fbeta-maps-guides-migrate-3d-terrain-960-48b1080117817ccfd92e434d0df7546f.webp\" width=\"1200\"\u002F>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\n\u003Cimg src=\".\u002Fassets\u002Fmaps-examples-building-extrusions-960-aaa140cce77da4e8b2dd216032b191b6.webp\" width=\"1200\"\u002F>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\n\u003Ctr>\n\u003Ctd>\n\u003Cimg src=\".\u002Fassets\u002Fmaps-examples-data-driven-symbols-960-2e2061a6b8127ef305c1b6c159f8dc65.webp\" width=\"1200\"\u002F>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n---\n\n### Supported Implementations\nWe support Mapbox Maps SDK v11. See [iOS](ios\u002Finstall.md) & [Android](android\u002Finstall.md) setup guides.\n\n\n\n\n## Prerequisite\n\n1. Please [Sign Up to Mapbox](https:\u002F\u002Faccount.mapbox.com\u002Fauth\u002Fsignup\u002F) to get the Mapbox Access Token.\n\n\n## Dependencies\n\n- [node](https:\u002F\u002Fnodejs.org)\n- [npm](https:\u002F\u002Fwww.npmjs.com\u002F)\n- [React Native](https:\u002F\u002Ffacebook.github.io\u002Freact-native\u002F) (0.79+)\n\n\n## Installation\n\nCheck our [Installation instructions](https:\u002F\u002Frnmapbox.github.io\u002Fdocs\u002Finstall)\n\n### Getting Started\nFor more information, check out our [Getting Started](\u002Fdocs\u002FGettingStarted.md) section\n\n## Run Project\nBefore you run your project be sure you have completed the Installation Guides for Android or iOS.\n\n### Run iOS Simulator\n```sh\n# Run with yarn\nyarn run ios\n\n# or Run with NPM\nnpm run ios\n```\n\n### Run Android Emulator\n```sh\n# Run with yarn\nyarn run android\n\n# or Run with NPM\nnpm run android\n```\n\n## Adding a map\n```js\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Mapbox from '@rnmapbox\u002Fmaps';\n\nMapbox.setAccessToken('\u003CYOUR_ACCESSTOKEN>');\n\nconst App = () => {\n  return (\n    \u003CView style={styles.page}>\n      \u003CView style={styles.container}>\n        \u003CMapbox.MapView style={styles.map} \u002F>\n      \u003C\u002FView>\n    \u003C\u002FView>\n  );\n}\n\nexport default App;\n\nconst styles = StyleSheet.create({\n  page: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  container: {\n    height: 300,\n    width: 300,\n  },\n  map: {\n    flex: 1\n  }\n});\n```\n---\n## Documentation\n\n### Components\n\n- [MapView](\u002Fdocs\u002FMapView.md)\n- [StyleImport](\u002Fdocs\u002FStyleImport.md)\n- [Light](\u002Fdocs\u002FLight.md)\n- [StyleSheet](\u002Fdocs\u002FStyleSheet.md)\n- [PointAnnotation](\u002Fdocs\u002FPointAnnotation.md)\n- [MarkerView](\u002Fdocs\u002FMarkerView.md)\n- [Callout](\u002Fdocs\u002FCallout.md)\n- [Camera](docs\u002FCamera.md)\n- [UserLocation](docs\u002FUserLocation.md)\n- [LocationPuck](docs\u002FLocationPuck.md)\n- [Images](docs\u002FImages.md)\n- [Image](docs\u002FImage.md)\n- [Models](docs\u002FModels.md)\n\n### Sources\n\n- [VectorSource](\u002Fdocs\u002FVectorSource.md)\n- [ShapeSource](\u002Fdocs\u002FShapeSource.md)\n- [RasterSource](\u002Fdocs\u002FRasterSource.md)\n- [RasterDemSource](\u002Fdocs\u002FRasterDemSource.md)\n\n### Layers\n\n- [BackgroundLayer](\u002Fdocs\u002FBackgroundLayer.md)\n- [CircleLayer](\u002Fdocs\u002FCircleLayer.md)\n- [FillExtrusionLayer](\u002Fdocs\u002FFillExtrusionLayer.md)\n- [FillLayer](\u002Fdocs\u002FFillLayer.md)\n- [LineLayer](\u002Fdocs\u002FLineLayer.md)\n- [RasterLayer](\u002Fdocs\u002FRasterLayer.md)\n- [SymbolLayer](\u002Fdocs\u002FSymbolLayer.md)\n- [HeatmapLayer](\u002Fdocs\u002FHeatmapLayer.md)\n- [SkyLayer](\u002Fdocs\u002FSkyLayer.md)\n- [ModelLayer](\u002Fdocs\u002FModelLayer.md)\n\n### Terrain\n\n- [Terrain](\u002Fdocs\u002FTerrain.md)\n- [Atmosphere](\u002Fdocs\u002FAtmosphere.md)\n\n### Offline\n\n- [OfflineManager](\u002Fdocs\u002FOfflineManager.md)\n- [SnapshotManager](\u002Fdocs\u002FsnapshotManager.md)\n\n### Misc\n\n- [Mapbox](\u002Fdocs\u002FMapbox.md)\n- [CustomHttpHeaders](\u002Fdocs\u002FCustomHttpHeaders.md)\n- [Logger](\u002Fdocs\u002FLogger.md)\n\n## Expo Support\n\nThis package is not available in the [Expo Go](https:\u002F\u002Fexpo.io\u002Fclient) app. Learn how you can use it with [custom dev clients](\u002Fplugin\u002Finstall.md).\n\n## Testing with Jest\n\nThis library provides some mocks which are necessary for running tests.\n\nExample:\n\n```json\n\"jest\": {\n  \"preset\": \"react-native\",\n  \"setupFilesAfterEnv\": [\"@rnmapbox\u002Fmaps\u002Fsetup-jest\"],\n  \"transformIgnorePatterns\": [\n      \"node_modules\u002F(?!(...|@rnmapbox))\"\n  ]\n}\n```\n---\n## Sponsors\n\nHelp drive this repo forward - be a sponsor. Add a comment [here](https:\u002F\u002Fgithub.com\u002Frnmapbox\u002Fmaps\u002Fdiscussions\u002F1551) to discuss your sponsorship.\n\n\u003Ctable style=\"border: none; border-width: 0px\">\n\u003Ctr>\n\u003Ctd align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fscouttohunt.com\u002F\" target=\"_blank\">\n\u003Cimg src=\".\u002Fassets\u002Fsponsors\u002Fsth.png\"\n     alt=\"Scout To Hunt\"\n     height=\"60\"\n      \u002F>\n      \n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fterrain.dance\u002F\" target=\"_blank\">\n\u003Cimg src=\".\u002Fassets\u002Fsponsors\u002Fterrain.dance.png\"\n     alt=\"Terrain Dance LLC\"\n     height=\"60\"\n      \u002F>\n  \u003C\u002Fa>\n\n  \n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\u003C\u002Fa>\n\n  \u003Ca href=\"https:\u002F\u002Fscouttohunt.com\u002F\" target=\"_blank\">Scout To Hunt\u003C\u002Fa>\u003C\u002Ftd>\n\n\u003Ctd align=\"center\">\u003Ca href=\"https:\u002F\u002Fterrain.dance\u002F\" target=\"_blank\">Terrain Dance\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n---\n## Developer Group\n\nHave a question or need some help? Use [Github discussions](https:\u002F\u002Fgithub.com\u002Frnmapbox\u002Fmaps\u002Fdiscussions) or the [react-native channel](https:\u002F\u002Fdiscord.com\u002Fchannels\u002F1004826913229000704\u002F1092426983696248893) in the mapbox discord.\n","rnmapbox\u002Fmaps 是一个用于在React Native应用中创建自定义地图的Mapbox模块。它集成了Mapbox Maps SDK for iOS和Android，支持点标注、3D地形、建筑物拉伸及数据驱动符号等高级地图功能。该库采用Kotlin编写，并且与Expo兼容，提供了丰富的API来实现地图交互和个性化定制。适用于需要集成高质量地图服务的移动应用开发场景，如旅游导航、位置共享或基于地理位置的服务等。MIT许可证下开源，拥有活跃的社区支持。","2026-06-11 03:12:11","top_language"]