Add a bit of Panoramio to your website or blog! It's a nice way to show off your vacation photos, photos of the place you're visiting, and so on. With just a snippet of code, your page can display a small map of the world or a portion of the world with up to twenty photos. Here's an example.
Embedded Panoramio map
To embed a Panoramio map in your web page or blog, you'll need to enter a bit of HTML code, as the next sections explain. The embedded map isn't quite the same as the regular Panoramio map. You specify the area you want to show and the embedded Panoramio shows just the photos in the specified map area. If you change the location on the map, no photos appear.
On your own website or blog, a Panoramio icon will appear in the lower right corner.
Following is the format of the code that inserts the embedded Panoramio map. You can enter this into your website's HTML code or into your blog, replacing each value in colored italics with your own values.
If you use Blogger, write the code above in the Edit HTML tab.
The code is shown in multiple lines to make it easy to read, but your own line of code do not need to have any line breaks.
<iframe src="http://www.panoramio.com/plugin/? lt="latitude"&ln=longitude&";z="zoom"&k="map-type"" width="widthpx" height="heightpx"> </iframe>
In this format:
Here's some example code to use for experimenting. Copy it and put it into an HTML page to show the world in an embedded Panoramio frame.
<iframe src="http://www.panoramio.com/plugin/?lt=28&ln=-33&z=17&k=2" width="250px" height="250px"></iframe>
In this example:
To find information to help you write your code:
In this example, the latitude is 40.782719, the longitude is -73.964767, the zoom level is 3, and the map type (kind of map) is 1. The last two attributes are not available for use with the embedded Panoramio map.
<iframe src="http://www.panoramio.com/plugin/? lt="40.782719"&ln="-73.964767"&z="3"&k="1"& width="500px" height="500px"> </iframe>