Jump to content

Widget:GoogleStreetView: Difference between revisions

From Iskomunidad
No edit summary
No edit summary
 
Line 2: Line 2:
== Google Street View Widget ==
== Google Street View Widget ==


Embeds a Google Maps Street View or Google Maps location.
Embeds a Google Maps Street View location.


Usage:
Usage:
Line 8: Line 8:
<pre>
<pre>
{{#widget:GoogleStreetView
{{#widget:GoogleStreetView
|url=https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3025.6594121273006!2d121.06805041931581!3d14.657220859255196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397b767abf5db71%3A0x2f9c2390082ecc0a!2sUP%20Interactive%20Learning%20Center%20-%20Diliman!5e1!3m2!1sen!2sph!4v1790898435453!5m2!1sen!2sph
|title=UP Interactive Learning Center
|url=https://www.google.com/maps/embed?pb=...
|width=600
|height=450
|height=450
}}
}}
Line 14: Line 16:


Parameters:
Parameters:
* url - Google Maps embed URL
* title - Optional title displayed above the Street View
* url - Google Maps Street View embed URL
* width - Width in pixels (default: 600)
* height - Height in pixels (default: 450)
* height - Height in pixels (default: 450)
</noinclude>
</noinclude>


<includeonly>
<includeonly>
<div style="width:<!--{$width|escape:'html'}-->px;max-width:100%;margin:20px 0;">
<!--{if $title}-->
<h3 style="margin:0 0 10px 0;">
<!--{$title|escape:'html'}-->
</h3>
<!--{/if}-->
<div style="position:relative;width:100%;height:<!--{$height|escape:'html'}-->px;overflow:hidden;">
<div style="position:relative;width:100%;height:<!--{$height|escape:'html'}-->px;overflow:hidden;">
<iframe
<iframe
Line 27: Line 39:
     referrerpolicy="strict-origin-when-cross-origin">
     referrerpolicy="strict-origin-when-cross-origin">
</iframe>
</iframe>
</div>
</div>
</div>
</includeonly>
</includeonly>

Latest revision as of 00:30, 2 October 2026

Google Street View Widget

Embeds a Google Maps Street View location.

Usage:

{{#widget:GoogleStreetView
|title=UP Interactive Learning Center
|url=https://www.google.com/maps/embed?pb=...
|width=600
|height=450
}}

Parameters:

  • title - Optional title displayed above the Street View
  • url - Google Maps Street View embed URL
  • width - Width in pixels (default: 600)
  • height - Height in pixels (default: 450)