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:

image

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.

image

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:

image

Now resize the module to the size that you prefer…

image

…and there you go:

image

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" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <
html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"
src=http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2>
</
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: ,

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

WordPress.com Logo

You are commenting using your WordPress.com 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