A <leaflet-map> polymer web component
HTML CSS
Latest commit c0fec31 Mar 2, 2015 @prtksxna Merge pull request #33 from olanod/master
Add options attribute
Permalink
Failed to load latest commit information.
demo_files Add <leaflet-polygon> Closes #12 Jul 12, 2014
.bowerrc Fix directory structure. Closes #1 Jul 1, 2014
.gitignore Initial commit Jun 30, 2014
CONTRIBUTING.md Fix typo in documentation Dec 23, 2014
LICENSE
README.md Add link to contribution guideline to readme Dec 23, 2014
bower.json Bump version to 0.1.1 Dec 23, 2014
demo.html Add options attribute to <leaflet-map> to allow passing extra configu… Feb 12, 2015
index.html
leaflet-circle-component.html Use `feature` instead of `circle` & `marker` within the child elements Jul 6, 2014
leaflet-import.html Load leaftlet.js from leaflet-import.html #3 Jul 1, 2014
leaflet-map-component.html Add options attribute to <leaflet-map> to allow passing extra configu… Feb 12, 2015
leaflet-marker-component.html Fix default icon's image path. Closes #28 Dec 23, 2014
leaflet-polygon-component.html Add <leaflet-polygon> Closes #12 Jul 12, 2014
leaflet-polyline-component.html Add <leaflet-polyline> Closes #11 Jul 12, 2014
leaflet-rectangle-component.html Add <leaflet-rectangle> #13 Dec 23, 2014

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