GoogleWebComponents / google-map

Google Maps web components

Home Page:https://elements.polymer-project.org/elements/google-map

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Marker animation DROP and BOUNCE not working in @em-polymer/google-map

aneesshameed opened this issue · comments

Have been trying to add animation on to markers, but it is not working. Same was working sweet in P1, but not in p2 and p3.

Tried adding adding animation="BOUNCE" in Webcomponents Page. Doesn't work

<google-map fit-to-markers id="map" map="{{map}}" api-key="AAIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc" version="3.34">
     <google-map-marker animation="BOUNCE" slot="markers" latitude="{{lat}}" longitude="{{long}}">
          You are here
     </google-map-marker>  
</google-map>

I've also facing some problem with google-map-marker which is related to the animation.

<google-map latitude="" longitude="" api-key="[[apiKey]]" zoom="13" fit-to-markers>
   <google-map-marker animation="BOUNCE" slot="markers" id="marker" latitude="" longitude="" api-key="[[apiKey]]"></google-map-marker>
     <template is="dom-repeat" items="[[locations]]">
       <google-map-marker slot="markers" latitude="[[item.lat]]" longitude="[[item.lon]]" api-key="[[apiKey]]" draggable="true"></google-map-marker>
   </template>
</google-map>