35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
|
|
<style>
|
|
html, body, #map { height: 100%; margin: 0; padding: 0; background: #f4f1fb; }
|
|
.leaflet-control-attribution { font-size: 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="map"></div>
|
|
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
|
<script>
|
|
var map = L.map('map', { zoomControl: false }).setView([37.5665, 126.9780], 16);
|
|
L.control.zoom({ position: 'bottomright' }).addTo(map);
|
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© OpenStreetMap'
|
|
}).addTo(map);
|
|
function notify() {
|
|
var c = map.getCenter();
|
|
if (window.LocationBridge) {
|
|
LocationBridge.onMapMoved(c.lat, c.lng);
|
|
}
|
|
}
|
|
map.on('moveend', notify);
|
|
function setCenter(lat, lng) {
|
|
map.setView([lat, lng], Math.max(map.getZoom(), 16));
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|