npmpackage.info

Gathering detailed insights and metrics for @alamoweb/react-native-web-mapview

@alamoweb/react-native-web-mapview - 0.1.11 | npmpackage.info

@alamoweb/react-native-web-mapview

React Native for Web implementation of react-native-maps (using Leaflet)

0.1.11

MIT

TypeScript

94.07 kB

Installations

npm install @alamoweb/react-native-web-mapview

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.14.2

NPM Version

8.7.0 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

1

Closed

1

Releases

Release 0.1.11

v0.1.11

Updated on Jul 06, 2022

Release 0.1.10

v0.1.10

Updated on Jul 06, 2022

Release 0.1.9

v0.1.9

Updated on Jun 17, 2022

Release 0.1.8

v0.1.8

Updated on Jun 09, 2022

Release 0.1.7

v0.1.7

Updated on Jun 07, 2022

Release 0.1.6

v0.1.6

Updated on Jun 07, 2022

View All 11 releases

Languages

TypeScript

JavaScript

Shell

TypeScript (81.55%)

JavaScript (17.49%)

Shell (0.95%)

Developer

alamoWEB

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

2 Stars

29 Commits

1 Forks

1 Watchers

1 Branches

2 Contributors

Updated on Mar 12, 2025

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

0.1.11

Package Id

@alamoweb/react-native-web-mapview@0.1.11

Unpacked Size

94.07 kB

Size

17.82 kB

File Count

NPM Version

8.7.0

Node Version

16.14.2

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-native-web-mapview

React Native for Web implementation of react-native-maps (using Leaflet)

About

Based on react-native-web-maps but using Leaflet (default).

Installation

1yarn add @alamoweb/react-native-web-mapview

Add the Leaflet CSS:

In case you're using Expo, add it to your web/index.html How to expose expo's index.html?

1<html>
2  <head>
3    ...
4    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin="" />
5  </head>
6  ...
7</html>

Additional

If you're using react-google-maps lib for iOS/Android and wanting to support Web without needing to add a condition to switch between the libs, add this alias to your webpack.config.js:

1const createExpoWebpackConfigAsync = require('@expo/webpack-config');
2
3module.exports = async function (env, argv) {
4  const config = await createExpoWebpackConfigAsync(env, argv);
5  // Customize the config before returning it.
6
7  config.resolve.alias['react-native-maps'] = '@alamoweb/react-native-web-mapview';
8
9  return config;
10};

Usage

1import MapView, { Marker } from '@alamoweb/react-native-web-mapview'; // or 'react-native-maps'

See the original documentation.

The supported components are:

MapView
Marker

MapView:

The officially supported props are:

region
initialRegion
maxZoomLevel
minZoomLevel

The officially supported events are:

onMapReady
onPanDrag
onRegionChange
onRegionChangeComplete

The officially supported methods are:

getMapBoundaries
getCamera
setCamera
animateCamera

Additional methods:

getMap: returns the Leaflet map instance

Marker:

The officially supported props are:

icon
image
title
description
coordinate
identifier
opacity

The officially supported events are:

onPress

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

No vulnerabilities found.

No security vulnerabilities found.

npmpackage.info

@alamoweb/react-native-web-mapview

Installations

Developer Guide

Yes

CommonJS

16.14.2

8.7.0

Pull Requests

0

0

0

Issues

0

1

1

Releases

Languages

Developer

alamoWEB

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-native-web-mapview

About

Installation

Additional

Usage

Contributing

License