LiittleCookie/tile-proxy-php
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added simple slippy map

Browse Source
This commit is contained in:
Raruto 2018-11-25 17:40:34 +01:00
parent 381b34e9ef
commit 157ee312b9
1 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
proxy-test.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>tile-proxy-php - Proxy Test</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script>
<style>
html,
body,
.map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map" class="map"></div>
<script>
var map = L.map('map').setView([0, 0], 0);
var proxy_url = '{id}/{z}/{x}/{y}.png'; // eg: http://example.com/tiles/{id}/{z}/{x}/{y}.png
var tms_id = 'osm';
var tileLayer = L.tileLayer(proxy_url, {
attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ',
id: tms_id
});
tileLayer.addTo(map);
</script>
</body>
</html>