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
Post a Comment