ol-layerswitcher/examples/two-maps.html
2024-06-26 11:20:07 +01:00

35 lines
961 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>OpenLayers - LayerSwitcher - Two Maps</title>
<meta
name="viewport"
content="initial-scale=1.0, user-scalable=no, width=device-width"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v7.0.0/legacy/ol.css"
/>
<link rel="stylesheet" href="../dist/ol-layerswitcher.css" />
<link rel="stylesheet" href="layerswitcher.css" />
<style>
body {
display: flex;
flex-direction: column;
}
#map1,
#map2 {
height: 100%;
}
</style>
</head>
<body>
<div id="map1"></div>
<div id="map2"></div>
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@main/dist/en/v7.0.0/legacy/ol.js"></script>
<script src="../dist/ol-layerswitcher.js"></script>
<script src="two-maps.js"></script>
</body>
</html>