Tuesday, May 10, 2011

How to add Ovi Maps into your Blogger post

STEP 1
Open a new Blogger post editing window.

STEP 2
Copy and paste the following code into the post ('Edit HTML code' mode)


<script src="http://api.maps.ovi.com/jsl.js" type="text/javascript" charset="utf-8"></script>
<div id="map" style="width:400px; height:400px;">
</div>
<script type="text/javascript">
var map = new ovi.mapsapi.map.Display(
document.getElementById("map"),
{
'zoomLevel': 10, //zoom level for the map
'center': [52.51, 13.4] //center coordinates
}
);
</script>


STEP 3
Post it!

If your post shows a map similar to the one below, it's a success!






For further information on the API usage, Terms and Conditions and full
documentation, please go to

http://api.maps.ovi.com

Would be great to see Your Ovi Maps live!
Please add a link to your blog in this post if you have embedded Ovi Maps!

Have fun with Ovi Maps!

Search This Blog