/
igormayer
/
openlayers-toolbox
Обзор
Документация
Войти
/
igormayer
/
openlayers-toolbox
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
examples/index.html
57 строк
1 KB
Igor Mayer
fixes
01 мар 2026, 14:37
01 мар 2026, 14:37
048e344
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>OpenLayers Toolbox - Example</title> <link rel="stylesheet" href="./dist/oltoolbox.css"> <style> body { margin: 0; padding: 0; font-family: Arial, sans-serif; display: flex; height: 100vh; overflow: hidden; } #legend-panel { width: 350px; height: 100vh; background: #fff; border-right: 1px solid #ccc; overflow-y: auto; z-index: 1000; } #map-container { flex: 1; height: 100vh; position: relative; } #map { width: 100%; height: 100%; } #legend { padding: 10px; height: 100%; box-sizing: border-box; overflow: hidden; } </style> </head> <body> <div id="legend-panel"> <div id="legend"></div> </div> <div id="map-container"> <div id="map"></div> </div> <!-- OpenLayers via CDN --> <script src="https://cdn.jsdelivr.net/npm/ol@10.8.0/dist/ol.js"></script> <!-- Toolbox library from dist --> <script src="./dist/oltoolbox.js"></script> <!-- Example application --> <script src="./example-app.js"></script> </body> </html>