Hello prtksxna,

I saw your post on the polymer forum recently. It may be a good idea to merge our projects instead of spending a lot of duplicated effort.

You can find my implementation at Demo page, API Documentation and Github project.

I announce it at on the Leaflet forums, but so far there was no reaction.

Hendrik

Unfortunately the map is not showing when i am using leaflet on Polymer 2.
Should it work or are you just not supporting it?

Should return a geoJSON of all elements in the map

In leaflet-marker-component.js

Is there a specific way to test web/polymer components?

Can we use any element as a marker, no just leaflet-marker? I have a custom element which shadows some HTML/SVG markup and events and I'd like it to be directly my marker.

<leaflet-map>
    <my-marker marker></my-marker>
</leaflet-map>

Currently all the paths are like bower_components/pol… whereas they need to be ../pol…

Resources that'll help:

http://semver.org/
http://stackoverflow.com/questions/3768261/best-practices-guidance-for-maintaining-assembly-version-numbers
https://www.npmjs.com/package/grunt-bump
https://coderwall.com/p/9bx-iq/npm-to-bump-module-version

Hi, are you planning to migrate to Polymer 0.8 soon?

I've tried to extend this component and use it with leaflet draw plugin.

<template>

    <shadow></shadow>
</template>

<script>
    Polymer('my-map', {

        attached: function() {
            this.super();

            var drawItems = new L.featureGroup();
            this.map.addLayer(drawItems);

            var drawControl = new L.Control.Draw( {
                edit: {
                    featureGroup: drawItems
                }
            });
            this.map.addControl(drawControl);
        }
    })
</script>

But somehow draw and edit toolbars lacks icons ans so on. It should be related to some css issues.

Currently the stylesheets live in the <template> tag. Is that the right way?

Hi
When I e.g. have a drawer panel that appears from the left, the zoom controls remain visible on top. The same thing goes if I have a paper-action-dialog poppint up that overlays the map. For some reason this only happen on a deployed web site and not when running the site on my own machine. Any ideas?
Best Regards
Justin Case
P.S. Thumbs up on the 0.8 upgrade from here :-)

Should leaflet-marker-component's HTML have an import for leafleft-map or should that be managed by the user in index.html?

<content id="markers" select="leaflet-marker"></content>

But works outside of a component. Seems like the map thinks it's 0px wide at the top-left corner, so it only loads tiles on the upper left.

Is this the correct way to do it?

When the user zooms the map we change the attribute zoom on the element on zoomend. This calls the zoomChanged function. Calling this function is redundant, should it still be done? If not, how?

Are there tools available that generate documentation of web/polymer components?

Hi there,

There is some problems with events on tables and mobiles (touchable devices). Zoom in/out doesn't work and neither markers/polygons. I have same related problem in other projects, whether I resolve the problem I would contact with you.

Good luck

I would like and would be usefull create a custom element for routes.

With today's frameworks everything is more declarative and elements tend to have a lot of attributes, it helps a bit if those attributes are shorter. E.g. <leaflet-map lat='0' lng='0'></leaflet-map>