Small Map
From OS OpenData developer wiki
Contents |
Examples:
OS OpenSpace Example
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Basic Map VMD</title>
<script type="text/javascript" src="http://openspace.ordnancesurvey.co.uk/osmapapi/openspace.js?key=YOUR_API_KEY_HERE"></script>
<script type="text/javascript">
<!--
var osMap;
function init()
{
osMap = new OpenSpace.Map('map');
osMap.setCenter(new OpenSpace.MapPoint(400000, 100000), 8);
}
// -->
</script>
</head>
<body onload="init()">
<div id="map" style="width: 300px; height: 250px; border: 1px solid black;">
</div>
</body>
</html>
OS OnDemand Example
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Basic Map VMD</title>
<script type="text/javascript" src="http://ondemandapi.ordnancesurvey.co.uk/osmapapi/openspace.js?key=YOUR_API_KEY_HERE"></script>
<script type="text/javascript">
<!--
var osMap;
function init()
{
osMap = new OpenSpace.Map('map');
osMap.setCenter(new OpenSpace.MapPoint(400000, 100000), 8);
}
// -->
</script>
</head>
<body onload="init()">
<div id="map" style="width: 300px; height: 250px; border: 1px solid black;">
</div>
</body>
</html>
=
OS OpenSpace Pro Example
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Basic Map VMD</title>
<script type="text/javascript" src="http://openspacepro.ordnancesurvey.co.uk/osmapapi/openspace.js?key=YOUR_API_KEY_HERE"></script>
<script type="text/javascript">
<!--
var osMap;
function init()
{
osMap = new OpenSpace.Map('map');
osMap.setCenter(new OpenSpace.MapPoint(400000, 100000), 8);
}
// -->
</script>
</head>
<body onload="init()">
<div id="map" style="width: 300px; height: 250px; border: 1px solid black;">
</div>
</body>
</html>
