Putting an interactive map onto your school website

A little while ago, Microsoft acquired Multimap (which I liked, because Multimap was my favourite way of getting directions and decent maps). And you may have noticed over the last few months that Multimap and Bing maps have been getting closer together, and now they’ve become the same thing, and the ways to display a map have improved dramatically.

The options now (see below) are the standard Multimap-style map or an Ordnance Survey map. And in London you can also have the A-Z streetmaps style, and even lay the tube lines over the top.

OS Map


Adding a Bing map to your website

I’ve never tried to embed a map like these onto a website, and I was surprised to find out how easy it is. (I had mistakenly assumed that it was difficult, or somehow copyright-limited, to embed a map like these onto another website). So now I’ve discovered, here’s my simple guide to embed a Bing map:

    1. Get the map you want up on screen in Bing maps

    2. Click the share (envelope) icon in the bottom left of the screen image

    3. Copy the code below the text that says “Embed in a web page”) and paste that into your web page

    4. Or, you may want to click the ‘Customise & Preview’ link first – for example, change it into a static map, or change the size, or change the style

Embedding a map on your website is much better than simply putting an image in, because your website visitors can then zoom in and out (especially if you have school visitors that don’t know the area), and move around. (To show this, the top two maps are the same place, but two different styles. The second one allows you to pan and zoom, whilst the first one doesn’t. Handy if you want to see more of the area. The third one is just an image – so you can’t do anything to it)

Comments (0)

Skip to main content