
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@hortau/maps
Advanced tools
An unofficial React Native library for building maps with
the Mapbox Maps SDK for iOS and Mapbox Maps SDK for Android
We also support MapLibre flavors of Mapbox SDKs now 🎉
Hey you, yes you!
Do you like this repo, are you using it (are you using it for production apps?! It's cool, we do too!)?
If you have some time to spare, we'd love to get your help!
I hear you ask "Yes, YES, but How?!" (in deafening silence),
well...here are some examples:
You don't need to be a full-fledged maintainer to do those things, however,
if you are interested in becoming one, don't hesitate to reply in this discussion.
Thanks 🙇
# install with Yarn
yarn add @react-native-mapbox-gl/maps
# or install with NPM
npm install @react-native-mapbox-gl/maps --save
For more information, check out our Getting Started section
Before you run your project be sure you have completeded the Installation Guides for Android or iOS.
# Run with yarn
yarn run ios
# or Run with NPM
npm run ios
# Run with yarn
yarn run android
# or Run with NPM
npm run android
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import MapboxGL from '@react-native-mapbox-gl/maps';
MapboxGL.setAccessToken('<YOUR_ACCESSTOKEN>');
const styles = StyleSheet.create({
page: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF'
},
container: {
height: 300,
width: 300,
backgroundColor: 'tomato'
},
map: {
flex: 1
}
});
export default class App extends Component {
render() {
return (
<View style={styles.page}>
<View style={styles.container}>
<MapboxGL.MapView style={styles.map} />
</View>
</View>
);
}
}
This package is not available in the Expo Go app. Learn how you can use it with custom dev clients.
This library provides some mocks which are necessary for running tests.
Example:
"jest": {
"preset": "react-native",
"setupFilesAfterEnv": ["@react-native-mapbox-gl/maps/setup-jest"]
}
Have a question or need some help? Join our Gitter developer group!
FAQs
A Mapbox GL react native module for creating custom maps
The npm package @hortau/maps receives a total of 0 weekly downloads. As such, @hortau/maps popularity was classified as not popular.
We found that @hortau/maps demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.