Main Map: Difference between revisions

From The Lands Of Liberos Project

Content added Content deleted
No edit summary
No edit summary
Line 1: Line 1:
<syntaxhighlight lang="javascript" line="1">
<!doctype html>
var map = L.map('map', {
<html>
crs: L.CRS.Simple, // CRS.Simple, which represents a square grid:
<head>
minZoom: -2,
<title>Map test</title>
maxZoom: 1
<style type="text/css">
})
html, body { height: 100%; margin: 0; padding: 0; }
var bounds = [xy(0, 0), xy(1920, 1067)]
#map { width: 1660px; height: 1000px; }
var image = L.imageOverlay('data/Front Page 150.png', bounds)
</style>
image.addTo(map)
<link rel="stylesheet" href="js/leaflet/leaflet.css" type="text/css"/>
</syntaxhighlight>
<script type="text/javascript" src="js/leaflet/leaflet.js"></script>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {
crs: L.CRS.Simple,
center: [500, 880],
minZoom: 0,
maxZoom: 2,
zoom: 0
});
var bounds = [[0,0], [1000,1660]];
var image = L.imageOverlay('img/fantasy_map.jpg', bounds).addTo(map);
map.setMaxBounds(bounds);
map.on('drag', function() {
map.panInsideBounds(bounds, { animate: false });
});
</script>
</body>
</html>

Revision as of 18:42, 25 January 2024

var map = L.map('map', {
  crs: L.CRS.Simple, // CRS.Simple, which represents a square grid:
  minZoom: -2,
  maxZoom: 1
})
var bounds = [xy(0, 0), xy(1920, 1067)]
var image = L.imageOverlay('data/Front Page 150.png', bounds)
image.addTo(map)
Cookies help us deliver our services. By using our services, you agree to our use of cookies.