Map embedding
One of core fetures of ShareMap.org is possibility of embeeding maps into other sites. For example blog author describing his round the world route will be keen to insert schematic map inside.
Everything you need to embeed map map path. You can find map path on the map page.
Because ShareMap.org is still in beta stage these embeeding method should be treated as experimental and some changes may occur in final release.
This example will use map with path /samples/Sample trip for embeeding.
Method 1 - simplest, embeeding map thumbnail with interactive map linked
<a href="http://sharemap.org/jkan/Trasa%20Grecja" target="_blank"> <img src="http://sharemap.org/mapcontent/jkan/Trasa%20Grecja.jpg_thumb"></img> </a>
Because maps are published on creative commons license, you can copy thumbnail to your web server and serve it locally.
Method 2 - embeeding clickable thumbnail with map overlay (with javascript)
<head> <script type="text/javascript" src="http://sharemap.org/js/sharemap.js"></script> </head> [...] <body> <div id="mapBox"> </div> <script language="JavaScript"> insertMapWithPreview('/samples/Sample trip','mapBox',true); </script> </body>
Method 3 - embeeding map into page via flash object (with javascript)
<head> <script type="text/javascript" src="http://sharemap.org/js/sharemap.js"></script> </head> [...] <body> <div id="mapBox" style="width:300px; height:300px;"> </div> <script language="JavaScript"> insertInteractiveMap('/samples/Sample%20trip','mapBox',300,300); </script> </body>
Browser compatibility
Those scripts was successfully tested on such browsers:
- Google Chrome 10, 11
- Mozilla Firefox 3.5, 4.0
- Internet Explorer 9
- Opera 11
- Apple Safari 4.0, 5.0
Those browsers works with some minor problems (not recommended for editing maps)
- Internet Explorer 8
ShareMap.org requires Adobe Flash 10.1 or newer for displaing interactive maps. You can get newest version of Flash plugin for your platform here - http://get.adobe.com/flash
Further questions
If you have any questions related with browser compatibiliyu don't hesitate to contact us.
<<Exporting maps for Wikimedia Commons | TOC | Using maps in printed materials>>