+ CREATE MAP POPULAR MAPS RECENT MAPS CONTACT HELP FORUM LOGIN

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.

Contents

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.

SHOW EXAMPLE

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>

SHOW EXAMPLE

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>

SHOW EXAMPLE

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>>