# react-leaflet-bing

> Bing layer as React compoment for Leaflet

Latest version **4.1.0** (published 2018-10-14) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install react-leaflet-bing
pnpm add react-leaflet-bing
yarn add react-leaflet-bing
bun add react-leaflet-bing
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 4.1.0 |
| Published | 2018-10-14 |
| First published | 2016-07-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 11.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 14 |
| Author | Christos Charmatzis |
| Maintainers | azouritis |
| Keywords | react, leaflet, bing |

## Links

- npm: https://www.npmjs.com/package/react-leaflet-bing
- Repository: https://github.com/Charmatzis/react-leaflet-bing
- Homepage: https://github.com/Charmatzis/react-leaflet-bing#readme
- Issues: https://github.com/Charmatzis/react-leaflet-bing/issues
- npm.io page: https://npm.io/package/react-leaflet-bing

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 4.1.0 (latest) — 2018-10-14
- 4.0.0 — 2018-10-14
- 3.1.0 — 2018-05-26
- 3.0.0 — 2017-09-12
- 2.0.0 — 2016-12-29
- 1.1.0 — 2016-07-27
- 1.0.1 — 2016-07-24
- 1.0.0 — 2016-07-18

## README

# react-leaflet-bing [![npm version](https://img.shields.io/badge/npm-3.1.0-blue.svg)](https://www.npmjs.com/package/react-leaflet-bing)
Bing layer as React component for Leaflet  build on top of [React-Leaflet](https://github.com/PaulLeCam/react-leaflet).

![Bing example](images/example.gif)


# Getting started

```
import { Map,  TileLayer, LayersControl } from 'react-leaflet'
import {BingLayer} from '../src'
const { BaseLayer } = LayersControl;

...
const bing_key = "YOUR-BING-KEY"
...

<BaseLayer checked name='Bing Maps Roads'>
  <BingLayer  bingkey={bing_key} type="Road"/>
</BaseLayer>
<BaseLayer checked name='Bing Maps Satelite'>
    <BingLayer  bingkey={bing_key} />
</BaseLayer>
<BaseLayer checked name='Bing Maps Satelite with Labels'>
    <BingLayer  bingkey={bing_key} type="AerialWithLabels" />
</BaseLayer>
```

# Options

option     | type   |   | default
-----------|--------|---|--------------
subdomains | array  |   | [0, 1, 2, 3]
type       | string |One of the following values: <ul><li> Aerial– Aerial imagery.</li><li>AerialWithLabels –Aerial imagery with a road overlay.</li><li>AerialWithLabelsOnDemand - Aerial imagery with on-demand road overlay.</li><li>CanvasDark - A dark version of the road maps.</li><li>- CanvasLight - A lighter version of the road maps which also has some of the details such as hill shading disabled.</li><li>CanvasGray - A grayscale version of the road maps.</li><li>Road – Roads without additional imagery.</li></ul> see: https://msdn.microsoft.com/en-us/library/ff701724.aspx| 'Aerial'
attribution | string |   | 'Bing'
culture     | string | for supported culture codes see: https://msdn.microsoft.com/en-us/library/hh441729.aspx | ''
style       | string | REST style parameters see: https://msdn.microsoft.com/en-us/library/mt823636.aspx#Related%20Resources | ''

For more details on how to use this plugin check the example.

---
_Source: https://npm.io/package/react-leaflet-bing · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._