Error in displaying custom Google Map in Polymer -


i displayed simple google map :

<google-map     latitude="30.283"     longitude="57.083"     zoom="12"     language="fa"     disable-default-ui     > 

but when try add position style, doesn't apply , zoom control disappears, guess problem in way add additional-map-options, don't know how fix it:

<google-map     latitude="30.283"     longitude="57.083"     zoom="12"     language="fa"     disable-default-ui     additional-map-options='{"zoomcontrol" : "true",     "zoomcontroloptions" : {"style" : "google.maps.zoomcontrolstyle.small",      "position" : "google.maps.controlposition.bottom_right"}   }'> 

huh... turns out polymer not know google.maps.controlposition.bottom_right... knows int 9...

<google-map latitude="30.283" longitude="57.083" zoom="12" language="fa" additional-map-options='{ "zoomcontrol" : "true", "zoomcontroloptions": { "style": "google.maps.zoomcontrolstyle.small",  "position": 9 }}' disable-default-ui></google-map> 

this working, don't know why. somehow number 9 works console.log(google.maps.controlposition.bottom_right) gives me 12...

look @ demo:
http://jsfiddle.net/4gq1jv3y/1/


Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -