37 lines
1011 B
HTML
37 lines
1011 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset=utf-8 />
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui' />
|
|
<title>Leaflet Bing Maps Layer</title>
|
|
<script src='http://cdn.leafletjs.com/leaflet/v1.0.0-rc.1/leaflet.js'></script>
|
|
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise"></script>
|
|
<script src="leaflet-bing-layer.js"></script>
|
|
<link href='http://cdn.leafletjs.com/leaflet/v1.0.0-rc.1/leaflet.css' rel='stylesheet' />
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#map {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id='map'></div>
|
|
|
|
<script>
|
|
var BING_KEY = 'AuhiCJHlGzhg93IqUH_oCpl_-ZUrIE6SPftlyGYUvr9Amx5nzA-WqGcPquyFZl4L'
|
|
|
|
var map = L.map('map').setView([51.505, -0.09], 13)
|
|
|
|
var bingLayer = L.tileLayer.bing(BING_KEY).addTo(map)
|
|
</script>
|
|
</body>
|
|
</html>
|