Skip to content
Provides an easy leaflet.js wrapper for react.js
JavaScript HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
Gruntfile.js
LICENSE
bower.json
index.html
package.json
readme.md

readme.md

ReactMap

Provides an easy leaflet.js wrapper for react, so that you can initialize a map as a React-component:

<Map lat="60.0" lon="10.0" zoom="10"/>

Properties

  • lat (required): initial latitude of map
  • lon (required): initial longitude of map
  • zoom (required): initial zoom level of map
  • createMap (optional): function that takes a DOM-element and creates a map, the default is quite simple:
function (element) {
    var map = L.map(element);
    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    return map;
}

Demo

See http://code.atlefren.net/react-map/index.html

You can’t perform that action at this time.