31 lines
760 B
HTML
31 lines
760 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>OSM tile calc</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
|
|
<link rel="stylesheet" href="osmtile.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<label>Zoom/Lat/Lon:</label>
|
|
<input placeholder="zoom/lat/lon" v-model="instr" v-on:input="calc">
|
|
<ul>
|
|
<li><a :href='tilestatus' target='osmtileext'>Status</a></li>
|
|
<li><a :href='tiledirty' target='osmtileext'>Mark dirty</a></li>
|
|
</ul>
|
|
<div id="map">
|
|
<template v-for='tilear in tiles'>
|
|
<template v-for='tile in tilear'><img :src='tile'></template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue">
|
|
</script>
|
|
<script src="osmtile.js">
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|