Skip to content
A <leaflet-map> polymer web component
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo_files
.bowerrc
.gitignore
CONTRIBUTING.md
LICENSE
README.md
bower.json
demo.html
index.html
leaflet-circle-component.html
leaflet-import.html
leaflet-map-component.html
leaflet-marker-component.html
leaflet-polygon-component.html
leaflet-polyline-component.html
leaflet-rectangle-component.html

README.md

leaflet-map-component

Make leaflet maps using declarative Polymer web components. To get started read the documentation or checkout the demo.

Quickstart Guide

Install this web component using Bower:

bower install leaflet-map-component

Import the main component and start creating your map:

  <head>
    <script src="../platform/platform.js"></script>
    <link rel="import" href="leaflet-map-component.html">
    <style>
      html, body {
        margin: 0;
        height: 100%;
      }
      leaflet-map {
        height: 100%;
      }
    </style>
  </head>
  <body unresolved>
    <leaflet-map longitude="77.2" latitude="28.4" zoom="12">
      <leaflet-marker longitude="77.2" latitude="28.4">
        Marker I
      </leaflet-marker>
      <leaflet-circle longitude="77.2" latitude="28.4" radius="300">
        Round
      </leaflet-circle>
    </leaflet-map>
  </body>

Contribute

Want to contribute? Resolve an issue and send a pull request.

Read the quick guide on how to start contributing.

##License

MIT license - http://www.opensource.org/licenses/mit-license.php

You can’t perform that action at this time.