Giter VIP home page Giter VIP logo

react-leaflet-bing-v2's Introduction

react-leaflet-bing npm version

Bing layer as React component for Leaflet build on top of React-Leaflet.

Bing example

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:
  • Aerial– Aerial imagery.
  • AerialWithLabels –Aerial imagery with a road overlay.
  • AerialWithLabelsOnDemand - Aerial imagery with on-demand road overlay.
  • CanvasDark - A dark version of the road maps.
  • CanvasLight - A lighter version of the road maps which also has some of the details such as hill shading disabled.
  • CanvasGray - A grayscale version of the road maps.
  • Road – Roads without additional imagery.
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.

react-leaflet-bing-v2's People

Contributors

charmatzis avatar errnesto avatar zdila avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.