bob
/
newmediamonitoring
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#add message

This commit is contained in:
xieshen 2020-11-22 16:36:17 +08:00
parent f2a580b521
commit d3a0184556
3 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dashboard/static/dashboard/css/legend.css Normal file
View File

@ -0,0 +1,7 @@
.legend {
position: absolute;
bottom: 10px;
left: 10px;
opacity: 0.8;
z-index: 999;
}

8
dashboard/templates/dashboard/index.html
View File

@ -5,6 +5,7 @@
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<link href="{% static 'dashboard/css/legend.css' %}" rel="stylesheet">
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->
{% endblock %}
{% block content %}
@ -202,7 +203,12 @@
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div id="map" style="width: 100%;height: 600px;margin-top: 30px"></div>
<div id="map" style="width: 100%;height: 600px;margin-top: 30px">
<div class="legend">
<div style="background: white;text-align: center;color: black">更新次数</div>
<img src="http://210.77.68.250:8080/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=newmedia:gansu&STYLE=newmedia:newmedia_gansu_shidaima">
</div>
</div>
</div>
</div> <!-- End .row -->

10
monitor/static/monitor/js/index-map.js
View File

@ -16,9 +16,17 @@ $(function () {
var gansuLayer = L.nonTiledLayer.wms('http://pom.gsdwl.com/geoserver/newmedia/wms', {
layers: 'newmedia:gansu',
transparent: true,
format: 'image/png'
format: 'image/png',
});
map.addLayer(gansuLayer);
var gansuLayer_shi = L.nonTiledLayer.wms('http://pom.gsdwl.com/geoserver/newmedia/wms', {
layers: 'newmedia:gansu',
transparent: true,
format: 'image/png',
styles:'newmedia:newmedia_gansu_shidaima'
});
map.addLayer(gansuLayer_shi);
// var citypointLayer = L.nonTiledLayer.wms('http://210.77.68.250:8080/geoserver/newmedia/wms', {
// layers: 'newmedia:citypoint',
// transparent: true,