IFRAME guide
To get a map on your website, all you need to do is paste a line of code
into your site. It plain and simple. An example of the result - an imported
laxmap.org map on a team website: http://europeanlacrosse.org/country/clubmap.html
This is a great way to illustrate where lacrosse clubs are located all over the UK and Europe. Just as football teams or golfing enthusiasts often meet together in order to play games and tournaments, this map allows lacrosse teams who are keen to take part in league matches to plan their route to various away games. Including this map on your website offers teams and players an easy way to plan their journeys while checking their emails, placing online party bets, and reading up on the latest lacrosse news. You can also make adjustments to this standard map in order to best benefit your site's visitors.
Select a region, country, state or team to get the generated HTML code:
Copy-paste this html code to your website where you want the map
Select a region, country or club!
|
This piece of HTML will give you the legend in a IFRAME
<iframe src='http://www.laxmap.org/iframe_legend.asp' width='130'
height='210' frameborder='0' marginheight='0' marginwidth='0' scrolling='no'></iframe>
|
TWEAKS:
The default map size might not fit your website, so here are some tweaks to resize the map and control the pozition and zoom level.
The height and width of the map:
To change the height and width of the map simply add the parameters mapHeight and mapWidth to the URL. Also change the IFrame attributes. Here's an example of a 500 pixel x 500 pixel map:
<iframe src="http://www.laxmap.org/mapframe.asp?club=1&mapWidth=500&mapHeight=500" width="500" height="500" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
The zoom level:
To change the zoom level of the map simply add the parameters zoom to the URL.The zoom level goes from 1 to 17 where 17 i close and 1 is far. Here's an example of a map with zoom level 10:
<iframe src="http://www.laxmap.org/mapframe.asp?club=1&mapWidth=500&mapheight=500&zoom=10" width="500" height="500" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
The center position:
To change the centre position of the map simply add the parameters coord to the URL. The coordinate is a google maps coordinate, and it can be found like this. Here's an example with a new centre coordinate:
<iframe src="http://www.laxmap.org/mapframe.asp?club=1&mapWidth=500&mapheight=500&zoom=10&coord=55.64926881295024,12.514125108718872" width="500" height="500" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
Filters:
In some cases you might want to add a filter. F.x. if you want to incorporate the map on your national team website and you want all teams but want to exclude shops and tournaments.
Right now there is one filter you can apply. If you have any other filter you wish to add, please dont hesitate to contact us.
To apply team filter (only show teams on map) add the parameter filter=team. Here's an example:
<iframe src="http://www.laxmap.org/mapframe.asp?club=1&mapWidth=500&mapheight=500&filter=team" width="500" height="500" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
|