This wiki has had no edits or log actions made within the last 45 days and has been automatically marked as inactive. If you would like to prevent this wiki from being closed, please start showing signs of activity here. If there are no signs of this wiki being used within the next 15 days, this wiki will be closed in accordance to the Main Map: Difference between revisions
From The Lands Of Liberos Project
Content added Content deleted
(Created page with "var map = L.map('map', { crs: L.CRS.Simple }); var bounds = [[0,0], [1000,1000]]; var image = L.imageOverlay('uqm_map_full.png', bounds).addTo(map); map.fitBounds(bounds);") |
No edit summary |
||
| Line 1: | Line 1: | ||
<!doctype html> |
|||
| ⚫ | |||
<html> |
|||
| ⚫ | |||
<head> |
|||
| ⚫ | |||
<title>Map test</title> |
|||
| ⚫ | |||
<style type="text/css"> |
|||
| ⚫ | |||
html, body { height: 100%; margin: 0; padding: 0; } |
|||
| ⚫ | |||
#map { width: 1660px; height: 1000px; } |
|||
</style> |
|||
<link rel="stylesheet" href="js/leaflet/leaflet.css" type="text/css"/> |
|||
<script type="text/javascript" src="js/leaflet/leaflet.js"></script> |
|||
</head> |
|||
<body> |
|||
<div id="map"></div> |
|||
<script type="text/javascript"> |
|||
| ⚫ | |||
| ⚫ | |||
center: [500, 880], |
|||
minZoom: 0, |
|||
maxZoom: 2, |
|||
zoom: 0 |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
map.on('drag', function() { |
|||
map.panInsideBounds(bounds, { animate: false }); |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
Revision as of 18:35, 25 January 2024
<!doctype html> <html> <head> <title>Map test</title> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } #map { width: 1660px; height: 1000px; } </style> <link rel="stylesheet" href="js/leaflet/leaflet.css" type="text/css"/> <script type="text/javascript" src="js/leaflet/leaflet.js"></script> </head> <body>
<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>
