# @teovilla/react-native-web-maps

> Cross platform maps for react & react-native

Latest version **0.9.5** (published 2024-04-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install @teovilla/react-native-web-maps
pnpm add @teovilla/react-native-web-maps
yarn add @teovilla/react-native-web-maps
bun add @teovilla/react-native-web-maps
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.9.5 |
| Published | 2024-04-25 |
| First published | 2022-07-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 323.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 74 |
| Author | Teodoro Villanueva |
| Maintainers | teodorovillanueva |
| Keywords | react-native, react-native-web, react-native-maps, maps, ios, android |

## Links

- npm: https://www.npmjs.com/package/@teovilla/react-native-web-maps
- Repository: https://github.com/teovillanueva/react-native-web-maps
- Homepage: https://github.com/teovillanueva/react-native-web-maps#readme
- Issues: https://github.com/teovillanueva/react-native-web-maps/issues
- npm.io page: https://npm.io/package/@teovilla/react-native-web-maps

## Dependencies (3)

- [supercluster](https://npm.io/package/supercluster.md) ^7.1.5
- [expo-location](https://npm.io/package/expo-location.md) ~15.1.1
- [@react-google-maps/api](https://npm.io/package/@react-google-maps/api.md) ^2.12.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.9.5 (latest) — 2024-04-25
- 0.9.4 — 2023-11-15
- 0.9.3 — 2023-07-15
- 0.9.2 — 2023-07-09
- 0.9.1 — 2023-05-15
- 0.9.0 — 2023-05-10
- 0.8.0 — 2023-05-09
- 0.7.0 — 2023-04-19
- 0.6.3 — 2023-03-30
- 0.6.2 — 2023-02-17
- 0.6.1 — 2022-07-27
- 0.6.0 — 2022-07-25
- 0.5.0 — 2022-07-07
- 0.4.0 — 2022-07-03
- 0.3.0 — 2022-07-03
- … 5 more at https://npm.io/package/@teovilla/react-native-web-maps/versions

## README

# @teovilla/react-native-web-maps

<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributors-)
<!-- ALL-CONTRIBUTORS-BADGE:END -->

Cross platfrom maps for react & react-native

## Installation

```bash
$ yarn add @teovilla/react-native-web-maps
```

## Usage with Expo web / Webpack

For this to work you must alias `react-native-maps` to `@teovilla/react-native-web-maps` in your webpack config.

### Example with Expo Web:

```js
// webpack.config.js

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);

  config.resolve.alias['react-native-maps'] = '@teovilla/react-native-web-maps';

  return config;
};
```

### Example with Next.js:

```js
// next.config.js

module.exports = {
  webpack: (config) => {
    config.resolve.alias = {
      ...(config.resolve.alias || {}),
      'react-native-maps$': '@teovilla/react-native-web-maps',
    };

    return config;
  },
};
```

## Documentation

The docs for the project can be found [here](https://teovillanueva.github.io/react-native-web-maps/).

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://greener.bio"><img src="https://avatars.githubusercontent.com/u/41754896?v=4?s=100" width="100px;" alt="Teodoro Villanueva"/><br /><sub><b>Teodoro Villanueva</b></sub></a><br /><a href="#maintenance-teovillanueva" title="Maintenance">🚧</a> <a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=teovillanueva" title="Documentation">📖</a> <a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=teovillanueva" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/artalat"><img src="https://avatars.githubusercontent.com/u/295630?v=4?s=100" width="100px;" alt="Abdul Rehman Talat"/><br /><sub><b>Abdul Rehman Talat</b></sub></a><br /><a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=artalat" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tobysmith"><img src="https://avatars.githubusercontent.com/u/1110053?v=4?s=100" width="100px;" alt="Toby Smith"/><br /><sub><b>Toby Smith</b></sub></a><br /><a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=tobysmith" title="Documentation">📖</a> <a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=tobysmith" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/YoussefHenna"><img src="https://avatars.githubusercontent.com/u/58384527?v=4?s=100" width="100px;" alt="Youssef Henna"/><br /><sub><b>Youssef Henna</b></sub></a><br /><a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=YoussefHenna" title="Documentation">📖</a> <a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=YoussefHenna" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sreuter"><img src="https://avatars.githubusercontent.com/u/550246?v=4?s=100" width="100px;" alt="Sascha Reuter"/><br /><sub><b>Sascha Reuter</b></sub></a><br /><a href="https://github.com/teovillanueva/react-native-web-maps/commits?author=sreuter" title="Code">💻</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

---
_Source: https://npm.io/package/@teovilla/react-native-web-maps · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
