Can't use openlayers draw control in Polymer script.

[purpleP]

Full info can be found here.

http://stackoverflow.com/questions/28039895/drawing-doesnt-work-in-openlayers3-with-polymer

<script src="/static/bower_components/openlayers3/build/ol.js" type="text/javascript"></script>

<template>

<style>

        .map {
            height: 100%;
            width: 100%;
        }
    </style>

    <h2>My Map</h2>
    <div id="map" class="map"></div>
</template>

<script>
    Polymer({

        domReady: function() {


            this.map = new ol.Map({
                target: this.$.map,
                layers: [
                  new ol.layer.Tile({
                    source: new ol.source.MapQuest({layer: 'sat'})
                  })
                ],
                view: new ol.View({
                  center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
                  zoom: 4
                })
                });

            var featureOverlay = new ol.FeatureOverlay({
              style: new ol.style.Style({
                fill: new ol.style.Fill({
                  color: 'rgba(255, 255, 255, 0.2)'
                }),
                stroke: new ol.style.Stroke({
                  color: '#ffcc33',
                  width: 2
                }),
                image: new ol.style.Circle({
                  radius: 7,
                  fill: new ol.style.Fill({
                    color: '#ffcc33'
                  })
                })
              })
            });
            featureOverlay.setMap(this.map);


            var modify = new ol.interaction.Modify({
              features: featureOverlay.getFeatures(),
              // the SHIFT key must be pressed to delete vertices, so
              // that new vertices can be drawn at the same position
              // of existing vertices
              deleteCondition: function(event) {
                return ol.events.condition.shiftKeyOnly(event) &&
                    ol.events.condition.singleClick(event);
              }
            });
            this.map.addInteraction(modify);


            var draw = new ol.interaction.Draw({
                features: featureOverlay.getFeatures(),
                type: "LineString"
            });
            this.map.addInteraction(draw);


        }

    })
</script>

[fredj]

It's an openlayers bug, this issue can be closed.

[fredj]

Fixed with openlayers/openlayers#3322

[tjsavage]

Closing this issue due to age and the release of version 1 of Polymer - please feel free to re-open if this is incorrect.

[fredj]

@tjsavage that's fine, the issue is fixed in openlayers