Skip to content

Instantly share code, notes, and snippets.

@vicchi

vicchi/mxn-microsoft7-example.html

Last active December 16, 2015 18:20
Show Gist options
  • Save vicchi/5476881 to your computer and use it in GitHub Desktop.
Save vicchi/5476881 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mxn-microsoft7-example.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mapstraction Text - Microsoft v7</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
<script src="https://raw.github.com/mapstraction/mxn/release-2.1/source/mxn.js?(microsoft7)" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/examples.css">
<style type="text/css">
#map {
position: relative;
width: 1000px !important;
}
</style>
<script type="text/javascript">
var map;
var microsoft_key = "xxxxx";
function initialize() {
map = new mxn.Mapstraction('map', 'microsoft7');
var latlon = new mxn.LatLonPoint(55.37911,-3.427734);
map.setMapType(mxn.Mapstraction.ROAD);
map.setCenterAndZoom(latlon, 5);
var mk = new mxn.Marker(latlon);
mk.setInfoBubble('test');
map.addMarker(mk);
mk.openBubble();
}
$(document).ready(function() {
initialize();
});
</script>
</head>
<body>
</body>
<div id="map"></div>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment