Polymer - Google Streetview Pano



<google-streetview-pano> is an element used to display a street view panorama.

Example

<google-streetview-pano
   pano-id = "CWskcsTEZBNXaD8gG-zATA"
   heading = "151"
   pitch = "-4"
   zoom = "0.6"
   disable-default-ui>
</google-streetview-pano>

You can also set a position attribute to a position with a computed value as shown in the following code.

<google-streetview-pano
   position = "[[_myComputedPosition()]]"
   heading = "151"
   pitch = "-4"
   zoom = "0.6"
   disable-default-ui>
</google-streetview-pano>

There are plenty of panorams available on the Google Maps | Views page. Obtain a panorama by its ID, by looking at its url in the address bar as shown below −

google.com/maps/views/view/102684927602131521305/photo/1szTnskrdKIAAAGuu3fZRw

In the above url, the hash in bold is the pano-id.

polymer_elements.htm
Advertisements