1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html>
<head>
<title>Modest Maps JS</title>
<script type="text/javascript" src="../../modestmaps.js"></script>
<script type="text/javascript" src="bing.js"></script>
<script type="text/javascript">
var map;
function initMap() {
// please use your own API key!
var key = "AjBbdc2nn_71Hyc__uvinjvuHX5g8GLMiVYCJdx7XLLfiSenf1qtnmbv_VO8iyOj",
style = 'AerialWithLabels',
provider = new MM.BingProvider(key, style, function() {
map = new MM.Map(document.body, new MM.Layer(provider))
map.setCenterZoom(new MM.Location(37.804656, -122.263606), 14);
});
}
</script>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body onload="initMap()">
</body>
</html>
|
