Add an interactive map to your web page


It’s pretty cool to play with the maps at http://Local.Live.com


 


You can zoom in to various locations, add pushpins, save sets of pushpins as Collections. Aerial, Bird’s Eye and 3D view are fun too!


 


When you sign in, your collections are visible from any browser on any computer.


 


This is great when I want to explain to my kids how the hours we spent driving to Canada are insignificant when compared to the whole world, and other geography facts.


 


I added pushpins at the various places I’ve lived: London, Kuala Lumpur, Honolulu, New Haven, Boston, Seattle.


 


It’s easy to get driving directions from one pushpin to another.


 


It’s hard to get driving directions from London to Seattle.


 


I can get an aerial view of my house, even on my phone with Virtual Earth Mobile


 


It’s really easy to embed a live map on any web page. Below is an interactive map with a Bird’s eye view of a building. See if you can figure out where I went to school


 


Right Click on Start button, choose Explore to open Explorer. Navigate to any folder, such as C:\


 


Choose File->New->Text Document.


“New Text Document.txt” is created. Hit enter on that to bring up notepad


 


Paste in the lines below (modified from http://www.viavirtualearth.com/MyVirtualEarth/v3/gettingstartedpt1.htm), then save the file.


 


Rename the file to anything with the extension “.htm”


 


Now hit enter or dbl-click on it.


 


If you get a warning about Content Blocked, just allow the blocked content.


 


You don’t have to be a rocket scientist to figure out where I went to school!


 


You can just as easily put maps on your web site too. You can add pushpins, routes, shading, shapes too.


 


Imagine your business database of addresses: A user goes to your web site, clicks on an address, and you can dynamically generate route maps to get to each location.


 


 


 


 


See also http://www.viavirtualearth.com/vve/Promos/GetStarted.ashx


 


Who needs to go to Italy when satellite views of tourist spots are available?  http://www.mapseeing.com/category/locations/europe/italy/


 


<html>


    <head>


    <script src=”http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js”></script>


    <script>


      function OnPageLoad()


      {


        map = new VEMap(‘myMap’);


        map.LoadMap(new VELatLong(42.35996517335824, -71.09196868), 18 ,‘o’ , false);


        // zoom range 1-19


        // ‘o’ = oblique, ‘a’ = aerial, ‘r’ for road, ‘h’ for hybrid


      }


    </script>


</head>   


  <body onload=”OnPageLoad();”>


    My School


    <div id=’myMap’ ></div>


  </body>


</html>


 


 


End of code

Comments (6)

  1. anonamous says:

    As cool as that may be, I find that Google Maps happen to have much better high resolution photographs of the places that interest me.

  2. James says:

    Adult Dating With Real People. Free Registration.

  3. 247Blogging says:

    It’s pretty cool to play with the maps at http://Local.Live.com You can zoom in to various locations, add pushpins, save sets of pushpins as Collections. Aerial, Bird’s Eye and 3D view are fun too! When you sign in, your collections are visible from an

  4. Martin says:

    The team at myGeoBook [URL=http://www.mygeobook.com]) have created a service that will allow you to create even more customizable maps (for free) and share them on your website, facebook tab, mobile and Layar. The maps can easily be created using the facebook map editor – no coding necessary!

    Add map to website guide: [URL=http://www.mygeobook.com/…/Add-your-map-to-website-or-blog.aspx]