Virtual Earth & Office Live

You have certainly heard about Office Live and maybe you have heard about Office Live Small Business as well?

Office Live Workspace and Office Live Small Business are complementary services. Office Live Workspace is for all Office users – it’s your place for online collaboration, to save and share documents and other files. Office Live Small Business, available in select countries, provides additional features that a small business needs to take their business online, including a professional website, domain name, company-branded emails, and online tools for managing customers and projects.

With the Office Live Small Business Web Design Tool you can easily create and design you websites; it even comes with a module to add Maps and Directions to your office:


Unfortunately this module uses the MapPoint Web Service. That is certainly good enough to find your office but for a great visual experience we can definitely do better.


There is indeed an HTML module which allows us to enter our own HTML content and luckily this module also support JavaScript. Not only that, it even allows to reference JavaScript from other sites and therefore we can easily copy and paste our own Virtual Earth web site directly into this module:


Now resize the module to the size that you prefer…


…and there you go:


You find my Office Live Small Business web site here and below is the HTML-page that I copied into the module:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
""> <
html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"
script> <script type="text/javascript"> var map = null; function GetMap(){ map = new VEMap('myMap'); var options = new VEMapOptions(); options.BirdseyeOrientation = VEOrientation.South; map.LoadMap(new VELatLong(51.461189,-0.925943), 19, 'o', false,
VEMapMode.Mode2D, true, 0, options); } </script> </head> <body onload="GetMap();"> <div id='myMap'
style="position:absolute; top:0px; left:0px; width:600px; height:600px;">
div> </body> </html>


Technorati Tags: ,

This entry was posted in Virtual Earth. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s