feat: 扇形雷达
This commit is contained in:
parent
11e5c73275
commit
e6f9d500ea
@ -13,9 +13,6 @@
|
|||||||
.plot-box { width: clamp(320px, 80vw, 720px); margin: 0 auto; aspect-ratio: 1 / 1; overflow: hidden; }
|
.plot-box { width: clamp(320px, 80vw, 720px); margin: 0 auto; aspect-ratio: 1 / 1; overflow: hidden; }
|
||||||
@supports not (aspect-ratio: 1 / 1) { .plot-box { height: 520px; } }
|
@supports not (aspect-ratio: 1 / 1) { .plot-box { height: 520px; } }
|
||||||
</style>
|
</style>
|
||||||
<!-- 广州雷达:lat=23.146400, lon=113.341200;瓦片固定 7/40/104 -->
|
|
||||||
<!-- 与南宁页一致,默认叠加扇形覆盖,无开关、无图例项 -->
|
|
||||||
<!-- 注意:需要后端入库 radar_tiles 与 radar_weather(广州)才有数据 -->
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{{ template "header" . }}
|
{{ template "header" . }}
|
||||||
@ -33,7 +30,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card mb-4">
|
<div class="card mb-4">
|
||||||
<div class="text-lg font-semibold mb-2">最新雷达站气象(广州雷达站)</div>
|
<div class="text-lg font-semibold mb-2">最新雷达站气象(广州雷达站,金山楼顶坐标)</div>
|
||||||
<div id="rtInfo" class="text-sm grid grid-cols-2 gap-y-1 gap-x-6">
|
<div id="rtInfo" class="text-sm grid grid-cols-2 gap-y-1 gap-x-6">
|
||||||
<div>站点:<span id="rt_alias"></span></div>
|
<div>站点:<span id="rt_alias"></span></div>
|
||||||
<div>位置:<span id="rt_lat"></span>,<span id="rt_lon"></span></div>
|
<div>位置:<span id="rt_lat"></span>,<span id="rt_lon"></span></div>
|
||||||
@ -50,7 +47,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card mb-4">
|
<div class="card mb-4">
|
||||||
<div class="text-lg font-semibold mb-2">未来 3H 降雨评估(按来风±30°扇形)</div>
|
<div class="text-lg font-semibold mb-2">未来 3H 预报</div>
|
||||||
<div id="sectorInfo" class="text-sm">
|
<div id="sectorInfo" class="text-sm">
|
||||||
<div id="sectorStatus">计算中…</div>
|
<div id="sectorStatus">计算中…</div>
|
||||||
<div id="sectorDetail" class="mt-1 hidden">
|
<div id="sectorDetail" class="mt-1 hidden">
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card mb-4">
|
<div class="card mb-4">
|
||||||
<div class="text-lg font-semibold mb-2">最新雷达站气象(南宁雷达站)</div>
|
<div class="text-lg font-semibold mb-2">最新雷达站气象(南宁雷达站,第八台气象站)</div>
|
||||||
<div id="rtInfo" class="text-sm grid grid-cols-2 gap-y-1 gap-x-6">
|
<div id="rtInfo" class="text-sm grid grid-cols-2 gap-y-1 gap-x-6">
|
||||||
<div>站点:<span id="rt_alias"></span></div>
|
<div>站点:<span id="rt_alias"></span></div>
|
||||||
<div>位置:<span id="rt_lat"></span>,<span id="rt_lon"></span></div>
|
<div>位置:<span id="rt_lat"></span>,<span id="rt_lon"></span></div>
|
||||||
@ -50,7 +50,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card mb-4">
|
<div class="card mb-4">
|
||||||
<div class="text-lg font-semibold mb-2">未来 3H 降雨评估(按来风±30°扇形)</div>
|
<div class="text-lg font-semibold mb-2">未来 3H 预报</div>
|
||||||
<div id="sectorInfo" class="text-sm">
|
<div id="sectorInfo" class="text-sm">
|
||||||
<div id="sectorStatus">计算中…</div>
|
<div id="sectorStatus">计算中…</div>
|
||||||
<div id="sectorDetail" class="mt-1 hidden">
|
<div id="sectorDetail" class="mt-1 hidden">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user