Advanced map tab
Use this page if you want to create a custom web page for your map tab for your facebook fan page. Click here to go back to the guide.
Create a regular web page with html tags and embed the iframe of your map like in the example below and upload it to your existing website.
You can also create the page in your existing CMS (WordPress or whatever other CMS that you are using).
You can add your own description and other text. You have to update the map id for the map that you got above.
Sample html:
(it is important that you use the styling exactly as outlined below for the page to fit the facebook page constraints)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>myGeoBook Map</title>
<style>
body {
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
width: 520px;
height: 800px;
overflow: hidden;
font-family: Arial;
font-size: 10px;
}
a {
color: #000000;
}
a:hover {
color: #000000;
}
h1, h2, h3 {
color: #000000;
}
TD {
color: #000000;
font-family: Arial;
font-size: 12px;
}
</style>
</head>
<body>
<h1>[Your title]</h1>
<table border="0">
<tr>
<td>
[Your description]
</td>
</tr>
</table>
<br />
<iframe src="http://mgbembeddedmap.mygeobook.com/Map.aspx?profileId=INSERT MAP ID HERE&showSearch=true" width="520" height="570" frameborder="0" style="width:520px; height:570px; overflow:hidden"></iframe>
<br />
<h3><a href="http://mgbembeddedmap.mygeobook.com/Map.aspx?profileId=INSERT MAP ID HERE&showSearch=true" target="_blank">Click here to show a large map</a></h3>
<br />
</body>
</html>
Click here to go back to the guide