|
|
@ -5,7 +5,7 @@ |
|
|
|
<link rel="icon" href="favicon.ico"> |
|
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> |
|
|
|
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> |
|
|
|
<style>html,body{height:100%;margin:0;padding:0;background-color:#606060}#map{height:calc(100vh - 14px);width:calc(100vw - 14px);margin:7px}.marker-pulse{width:10px;height:10px;border-radius:50%;background:transparent;box-shadow:0 0 0 0 rgba(255,255,255,1);animation:pulse 1.2s infinite}.marker-pulse.online{background:#00FF00}.marker-pulse.offline{background:red}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}</style> |
|
|
|
<style>html,body{height:100%;margin:0;padding:0;background-color:#606060}#map{height:calc(100vh - 14px);width:calc(100vw - 14px);margin:7px}.marker-pulse{width:10px;height:10px;border-radius:50%;background:transparent;box-shadow:0 0 0 0 rgba(255,255,255,1);animation:pulse 1.2s infinite}.marker-pulse.online{background:#00FF00}.marker-pulse.offline{background:red}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.leaflet-popup-content-wrapper{background-color:#333;color:#fff;border-radius:0px;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.leaflet-popup-content{margin:10px;line-height:1.5}.leaflet-popup-tip{display:none}</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="map"></div> |
|
|
|