geek (gēk) Slang. n.
1. A person who is single-minded or accomplished in scientific or technical pursuits but is felt to be socially inept. 2. A carnival performer whose show consists of bizarre acts, such as biting the head off a live chicken.
Tech talk about MapsAlive
This page is for web masters and developers who want to know how to incorporate MapsAlive tours into their own web sites. If you are a technical person, or maybe just a geek-wanna-be, read on. Otherwise you can skip this page.
Integrating a MapsAlive tour into your web site
Adding a tour to your web site can be done with as little as one line of HTML (and at most four). The MapsAlive Tour Preview page will show you the exact code you'll need so that you can copy and paste it into your own web page.
In the sections below we explain the various integration methods using tour 417 by way of example. Your own code would use your tour's number instead of 417.
Linking to a tour that opens in a new window
To link to a tour that opens in a new browser window, you use HTML similar to this:
<a href="http://tour.mapsalive.com/417" target="_blank">here</a>
To see the code above work, click here.
Linking to a tour that replaces the page containing the link
To link to a tour so that it replaces the page containing the link, you use HTML similar to this:
<a href="http://tour.mapsalive.com/417">here</a>
To see the code above work, click here and then press the back button to return to this page.
Embedding a tour into a web page using an iframe
To have a tour appear inside a web page, you only need to put the tour's URL in an iframe tag. To avoid showing the iframe's border and scroll bars, you turn those features off and set the iframe's size to match the tour's size. You code the iframe HTML like this:
<iframe src="http://tour.mapsalive.com/417" frameBorder="0"
scrolling="no" width="450" height="206" />
The effect of the code above is shown below:
Including a tour inside your web page HTML
This technique is an advanced method intended for web developers. It requires adding one Link tag for CSS and three Script tags to include JavaScript and HTML. The exact code that you need for a tour will be shown to you in the Tour Preview when you click Show Code Snippets. You can simply copy it from there and paste it into your web page HTML.
Using this "frameless" method, your MapsAlive tour literally becomes part of your web page. As such, slide popups can appear over your web page content and you can have your JavaScript functions get called when a user clicks a marker on the map.