#add message
This commit is contained in:
parent
d683d2bc2c
commit
347584b676
|
|
@ -2,7 +2,9 @@
|
|||
{% load static %}
|
||||
{% block css %}
|
||||
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
||||
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
||||
crossorigin=""/>
|
||||
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
|
@ -161,10 +163,10 @@
|
|||
<div class="content-body">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-3 col-sm-5 col-xs-12">
|
||||
<div class="col-md-6 col-sm-7 col-xs-12">
|
||||
|
||||
<div class="r1_graph1 db_box">
|
||||
<span class='bold'>98.95%</span>
|
||||
<span class='bold'>时间/更新篇数</span>
|
||||
<span class='pull-right'><small>SERVER UP</small></span>
|
||||
<div class="clearfix"></div>
|
||||
<span class="db_dynamicbar">Loading...</span>
|
||||
|
|
@ -172,7 +174,7 @@
|
|||
|
||||
|
||||
<div class="r1_graph2 db_box">
|
||||
<span class='bold'>2332</span>
|
||||
<span class='bold'>新媒体数量</span>
|
||||
<span class='pull-right'><small>USERS ONLINE</small></span>
|
||||
<div class="clearfix"></div>
|
||||
<span class="db_linesparkline">Loading...</span>
|
||||
|
|
@ -180,7 +182,7 @@
|
|||
|
||||
|
||||
<div class="r1_graph3 db_box">
|
||||
<span class='bold'>342/123</span>
|
||||
<span class='bold'>预警次数</span>
|
||||
<span class='pull-right'><small>ORDERS / SALES</small></span>
|
||||
<div class="clearfix"></div>
|
||||
<span class="db_compositebar">Loading...</span>
|
||||
|
|
@ -210,163 +212,165 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-sm-12 col-xs-12">
|
||||
<div class="r1_graph4 db_box">
|
||||
<span class=''>
|
||||
<i class='icon-purple fa fa-square icon-xs icon-1'></i> <small>CPU USAGE</small>
|
||||
</span>
|
||||
<canvas width='180' height='90' id="gauge-meter"></canvas>
|
||||
<h4 id='gauge-meter-text'></h4>
|
||||
</div>
|
||||
<div class="r1_graph5 db_box col-xs-6">
|
||||
<span class=''><i
|
||||
class='icon-purple fa fa-square icon-xs icon-1'></i> <small>LONDON</small> <i
|
||||
class='fa fa-square icon-xs icon-2'></i> <small>PARIS</small></span>
|
||||
<div style="width:120px;height:120px;margin: 0 auto;">
|
||||
<span class="db_easypiechart1 easypiechart"
|
||||
data-percent="66"><span class="percent"
|
||||
style='line-height:120px;'></span></span>
|
||||
</div>
|
||||
</div>
|
||||
{# <div class="col-md-3 col-sm-12 col-xs-12">#}
|
||||
{# <div class="r1_graph4 db_box">#}
|
||||
{# <span class=''>#}
|
||||
{# <i class='icon-purple fa fa-square icon-xs icon-1'></i> <small>CPU USAGE</small>#}
|
||||
{# </span>#}
|
||||
{# <canvas width='180' height='90' id="gauge-meter"></canvas>#}
|
||||
{# <h4 id='gauge-meter-text'></h4>#}
|
||||
{# </div>#}
|
||||
{# <div class="r1_graph5 db_box col-xs-6">#}
|
||||
{# <span class=''><i#}
|
||||
{# class='icon-purple fa fa-square icon-xs icon-1'></i> <small>LONDON</small> <i#}
|
||||
{# class='fa fa-square icon-xs icon-2'></i> <small>PARIS</small></span>#}
|
||||
{# <div style="width:120px;height:120px;margin: 0 auto;">#}
|
||||
{# <span class="db_easypiechart1 easypiechart"#}
|
||||
{# data-percent="66"><span class="percent"#}
|
||||
{# style='line-height:120px;'></span></span>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
|
||||
</div>
|
||||
{# </div>#}
|
||||
|
||||
</div> <!-- End .row -->
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-sm-12 col-xs-12">
|
||||
<div class="wid-vectormap">
|
||||
<h4>Visitor's Statistics</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9 col-xs-12">
|
||||
<figure>
|
||||
<div id="db-world-map-markers"
|
||||
style="width: 100%; height: 300px"></div>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3 col-xs-12 map_progress">
|
||||
<h4>Unique Visitors</h4>
|
||||
<span class='text-muted'><small>Last Week Rise by 62%</small></span>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-primary"
|
||||
role="progressbar" aria-valuenow="62"
|
||||
aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 62%"></div>
|
||||
</div>
|
||||
<br>
|
||||
<h4>Registrations</h4>
|
||||
<span class='text-muted'><small>Up by 57% last 7 days</small></span>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-primary"
|
||||
role="progressbar" aria-valuenow="57"
|
||||
aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 57%"></div>
|
||||
</div>
|
||||
<br>
|
||||
<h4>Direct Sales</h4>
|
||||
<span class='text-muted'><small>Last Month Rise by 22%</small></span>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-primary"
|
||||
role="progressbar" aria-valuenow="22"
|
||||
aria-valuemin="0" aria-valuemax="100"
|
||||
style="width: 22%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-sm-12 col-xs-12">
|
||||
<div class="r2_graph1 db_box">
|
||||
|
||||
|
||||
<form id="rickshaw_side_panel">
|
||||
<section>
|
||||
<div id="legend"></div>
|
||||
</section>
|
||||
<section>
|
||||
<div id="renderer_form" class="toggler">
|
||||
<select name="renderer">
|
||||
<option value="area" selected>Area</option>
|
||||
<option value="bar">Bar</option>
|
||||
<option value="line">Line</option>
|
||||
<option value="scatterplot">Scatter</option>
|
||||
</select>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div id="offset_form">
|
||||
<label for="stack">
|
||||
<input type="radio" name="offset" id="stack"
|
||||
value="zero" checked>
|
||||
<span>stack</span>
|
||||
</label>
|
||||
<label for="stream">
|
||||
<input type="radio" name="offset" id="stream"
|
||||
value="wiggle">
|
||||
<span>stream</span>
|
||||
</label>
|
||||
<label for="pct">
|
||||
<input type="radio" name="offset" id="pct"
|
||||
value="expand">
|
||||
<span>pct</span>
|
||||
</label>
|
||||
<label for="value">
|
||||
<input type="radio" name="offset" id="value"
|
||||
value="value">
|
||||
<span>value</span>
|
||||
</label>
|
||||
</div>
|
||||
<div id="interpolation_form">
|
||||
<label for="cardinal">
|
||||
<input type="radio" name="interpolation"
|
||||
id="cardinal" value="cardinal" checked>
|
||||
<span>cardinal</span>
|
||||
</label>
|
||||
<label for="linear">
|
||||
<input type="radio" name="interpolation" id="linear"
|
||||
value="linear">
|
||||
<span>linear</span>
|
||||
</label>
|
||||
<label for="step">
|
||||
<input type="radio" name="interpolation" id="step"
|
||||
value="step-after">
|
||||
<span>step</span>
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
|
||||
<div id="chart_container" class="rickshaw_ext">
|
||||
<div id="chart"></div>
|
||||
<div id="timeline"></div>
|
||||
</div>
|
||||
|
||||
<div id='rickshaw_side_panel' class="rickshaw_sliders">
|
||||
<section>
|
||||
<h5>Smoothing</h5>
|
||||
<div id="smoother"></div>
|
||||
</section>
|
||||
<section>
|
||||
<h5>Preview Range</h5>
|
||||
<div id="preview" class="rickshaw_ext_preview"></div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<div class="r2_counter1 db_box">
|
||||
counter 1
|
||||
</div>
|
||||
|
||||
<div class="r2_counter2 db_box">
|
||||
counter 2
|
||||
</div> -->
|
||||
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div id="map" style="width: 100%;height: 600px"></div>
|
||||
{# <div class="wid-vectormap">#}
|
||||
{# <h4>Visitor's Statistics</h4>#}
|
||||
{# <div class="row">#}
|
||||
{# <div class="col-md-9 col-sm-9 col-xs-12">#}
|
||||
{# <figure>#}
|
||||
{# <div id="db-world-map-markers"#}
|
||||
{# style="width: 100%; height: 300px"></div>#}
|
||||
{# </figure>#}
|
||||
{# </div>#}
|
||||
{# <div class="col-md-3 col-sm-3 col-xs-12 map_progress">#}
|
||||
{# <h4>Unique Visitors</h4>#}
|
||||
{# <span class='text-muted'><small>Last Week Rise by 62%</small></span>#}
|
||||
{# <div class="progress">#}
|
||||
{# <div class="progress-bar progress-bar-primary"#}
|
||||
{# role="progressbar" aria-valuenow="62"#}
|
||||
{# aria-valuemin="0" aria-valuemax="100"#}
|
||||
{# style="width: 62%"></div>#}
|
||||
{# </div>#}
|
||||
{# <br>#}
|
||||
{# <h4>Registrations</h4>#}
|
||||
{# <span class='text-muted'><small>Up by 57% last 7 days</small></span>#}
|
||||
{# <div class="progress">#}
|
||||
{# <div class="progress-bar progress-bar-primary"#}
|
||||
{# role="progressbar" aria-valuenow="57"#}
|
||||
{# aria-valuemin="0" aria-valuemax="100"#}
|
||||
{# style="width: 57%"></div>#}
|
||||
{# </div>#}
|
||||
{# <br>#}
|
||||
{# <h4>Direct Sales</h4>#}
|
||||
{# <span class='text-muted'><small>Last Month Rise by 22%</small></span>#}
|
||||
{# <div class="progress">#}
|
||||
{# <div class="progress-bar progress-bar-primary"#}
|
||||
{# role="progressbar" aria-valuenow="22"#}
|
||||
{# aria-valuemin="0" aria-valuemax="100"#}
|
||||
{# style="width: 22%"></div>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{# </div>#}
|
||||
{##}
|
||||
{# <div class="col-md-4 col-sm-12 col-xs-12">#}
|
||||
{# <div class="r2_graph1 db_box">#}
|
||||
{##}
|
||||
{##}
|
||||
{# <form id="rickshaw_side_panel">#}
|
||||
{# <section>#}
|
||||
{# <div id="legend"></div>#}
|
||||
{# </section>#}
|
||||
{# <section>#}
|
||||
{# <div id="renderer_form" class="toggler">#}
|
||||
{# <select name="renderer">#}
|
||||
{# <option value="area" selected>Area</option>#}
|
||||
{# <option value="bar">Bar</option>#}
|
||||
{# <option value="line">Line</option>#}
|
||||
{# <option value="scatterplot">Scatter</option>#}
|
||||
{# </select>#}
|
||||
{# </div>#}
|
||||
{# </section>#}
|
||||
{# <section>#}
|
||||
{# <div id="offset_form">#}
|
||||
{# <label for="stack">#}
|
||||
{# <input type="radio" name="offset" id="stack"#}
|
||||
{# value="zero" checked>#}
|
||||
{# <span>stack</span>#}
|
||||
{# </label>#}
|
||||
{# <label for="stream">#}
|
||||
{# <input type="radio" name="offset" id="stream"#}
|
||||
{# value="wiggle">#}
|
||||
{# <span>stream</span>#}
|
||||
{# </label>#}
|
||||
{# <label for="pct">#}
|
||||
{# <input type="radio" name="offset" id="pct"#}
|
||||
{# value="expand">#}
|
||||
{# <span>pct</span>#}
|
||||
{# </label>#}
|
||||
{# <label for="value">#}
|
||||
{# <input type="radio" name="offset" id="value"#}
|
||||
{# value="value">#}
|
||||
{# <span>value</span>#}
|
||||
{# </label>#}
|
||||
{# </div>#}
|
||||
{# <div id="interpolation_form">#}
|
||||
{# <label for="cardinal">#}
|
||||
{# <input type="radio" name="interpolation"#}
|
||||
{# id="cardinal" value="cardinal" checked>#}
|
||||
{# <span>cardinal</span>#}
|
||||
{# </label>#}
|
||||
{# <label for="linear">#}
|
||||
{# <input type="radio" name="interpolation" id="linear"#}
|
||||
{# value="linear">#}
|
||||
{# <span>linear</span>#}
|
||||
{# </label>#}
|
||||
{# <label for="step">#}
|
||||
{# <input type="radio" name="interpolation" id="step"#}
|
||||
{# value="step-after">#}
|
||||
{# <span>step</span>#}
|
||||
{# </label>#}
|
||||
{# </div>#}
|
||||
{# </section>#}
|
||||
{# </form>#}
|
||||
{##}
|
||||
{# <div id="chart_container" class="rickshaw_ext">#}
|
||||
{# <div id="chart"></div>#}
|
||||
{# <div id="timeline"></div>#}
|
||||
{# </div>#}
|
||||
{##}
|
||||
{# <div id='rickshaw_side_panel' class="rickshaw_sliders">#}
|
||||
{# <section>#}
|
||||
{# <h5>Smoothing</h5>#}
|
||||
{# <div id="smoother"></div>#}
|
||||
{# </section>#}
|
||||
{# <section>#}
|
||||
{# <h5>Preview Range</h5>#}
|
||||
{# <div id="preview" class="rickshaw_ext_preview"></div>#}
|
||||
{# </section>#}
|
||||
{# </div>#}
|
||||
{##}
|
||||
{# </div>#}
|
||||
{# <!--#}
|
||||
{# <div class="r2_counter1 db_box">#}
|
||||
{# counter 1#}
|
||||
{# </div>#}
|
||||
{##}
|
||||
{# <div class="r2_counter2 db_box">#}
|
||||
{# counter 2#}
|
||||
{# </div> -->#}
|
||||
{##}
|
||||
</div>
|
||||
|
||||
</div> <!-- End .row -->
|
||||
<div style="height: 200px"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
@ -398,16 +402,13 @@
|
|||
<script src="{% static 'js/gauge.min.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'js/icheck.min.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'js/dashboard.js' %}" type="text/javascript"></script>
|
||||
{# <script src="{% static 'graph/js/echarts.min.js' %}" type="text/javascript"></script>#}
|
||||
{# <script src="{% static 'graph/js/data-count.js' %}" type="text/javascript"></script>#}
|
||||
<script src="{% static 'js/echarts.min.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'js/chart-sparkline.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'leaflet/leaflet.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'leaflet/leaflet.ChineseTmsProviders.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'leaflet/leaflet.NonTiledLayer.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'monitor/js/index-map.js' %}" type="text/javascript"></script>
|
||||
<script>
|
||||
{#$(function () {#}
|
||||
{# var year = '{{ year }}';#}
|
||||
{# var month_form = '{{ month_from }}';#}
|
||||
{# var month_to = '{{ month_to }}';#}
|
||||
{# initChart('date-count',year,month_form, month_to);#}
|
||||
{# })#}
|
||||
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
{"type":"GeometryCollection", "geometries": [
|
||||
{"type":"Point","coordinates":[103.21138968234294,35.607512692578624]},
|
||||
{"type":"Point","coordinates":[106.68598194698906,35.53606492868464]},
|
||||
{"type":"Point","coordinates":[107.63846071874666,35.736769736267604]},
|
||||
{"type":"Point","coordinates":[105.71725010225042,34.58566637377387]},
|
||||
{"type":"Point","coordinates":[98.27299584495046,39.80280050328038]},
|
||||
{"type":"Point","coordinates":[98.51133730612352,39.74528877888346]},
|
||||
{"type":"Point","coordinates":[100.45006377860376,38.93343584015164]},
|
||||
{"type":"Point","coordinates":[102.16563592029843,38.492145353375044]},
|
||||
{"type":"Point","coordinates":[102.6349087754885,37.927210175300395]},
|
||||
{"type":"Point","coordinates":[104.1744411716665,36.54651652242124]},
|
||||
{"type":"Point","coordinates":[102.90200891086752,34.98901123240807]},
|
||||
{"type":"Point","coordinates":[104.62057128762616,35.57531599755989]},
|
||||
{"type":"Point","coordinates":[105.7306076212791,33.74373621886378]},
|
||||
{"type":"Point","coordinates":[103.84737984424271,36.04726953744183]}
|
||||
]}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,46 @@
|
|||
$(function () {
|
||||
var map = L.map('map', {
|
||||
center: [38, 101],
|
||||
zoomSnap: 0.1,
|
||||
zoomDelta: 0.2,
|
||||
zoom: 6,
|
||||
|
||||
});
|
||||
var countyLayer = L.nonTiledLayer.wms('http://210.77.68.250:8080/geoserver/newmedia/wms', {
|
||||
layers: 'newmedia:world_adm0_Project',
|
||||
transparent: true,
|
||||
format: 'image/png'
|
||||
});
|
||||
// map.addLayer(countyLayer);
|
||||
|
||||
var gansuLayer = L.nonTiledLayer.wms('http://210.77.68.250:8080/geoserver/newmedia/wms', {
|
||||
layers: 'newmedia:gansu',
|
||||
transparent: true,
|
||||
format: 'image/png'
|
||||
});
|
||||
map.addLayer(gansuLayer);
|
||||
// var citypointLayer = L.nonTiledLayer.wms('http://210.77.68.250:8080/geoserver/newmedia/wms', {
|
||||
// layers: 'newmedia:citypoint',
|
||||
// transparent: true,
|
||||
// format: 'image/png'
|
||||
// });
|
||||
// map.addLayer(citypointLayer);
|
||||
|
||||
// var mypop = L.popup();
|
||||
|
||||
// var content = '你临幸了这个点：<br>';
|
||||
// content += e.latlng.toString();
|
||||
// mypop.setLatLng(e.latlng)
|
||||
// .setContent(content)
|
||||
// .openOn(map);
|
||||
|
||||
map.on('click', function (e) {
|
||||
$.ajax("/static/monitor/js/citypoint.json", {
|
||||
dataType: "json",
|
||||
success: function (response) {
|
||||
console.log(response);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
function initChart() {
|
||||
var zztYjcs = echarts.init(document.getElementById('zzt-yjcs'));
|
||||
$.get('/monitor/monitoring/report/json/', function (data) {
|
||||
var timeData = data.map(function (item){
|
||||
console.log(item.date);
|
||||
return item.year +'/'+ item.month;
|
||||
});
|
||||
var count = data.map(function (item){
|
||||
return item.count;
|
||||
});
|
||||
zztYjcsOption = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
data: timeData,
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value'
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '预警次数',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: count
|
||||
}
|
||||
]
|
||||
};
|
||||
zztYjcs.setOption(zztYjcsOption);
|
||||
});
|
||||
|
||||
}
|
||||
|
|
@ -58,7 +58,8 @@
|
|||
<tr>
|
||||
<td style="vertical-align: middle;text-align: center">{{ forloop.counter }}</td>
|
||||
<td style="vertical-align: middle;text-align: center">{{ n.date }}</td>
|
||||
<td style="vertical-align: middle;text-align: center"><a href="{% url 'news-management-detail' n.id %}">{{ n.title }}</a></td>
|
||||
<td style="vertical-align: middle;text-align: center"><a
|
||||
href="{% url 'news-management-detail' n.id %}">{{ n.title }}</a></td>
|
||||
<td style="vertical-align: middle;text-align: center">{{ n.author }}</td>
|
||||
<td style="vertical-align: middle;text-align: center">{{ n.source }}</td>
|
||||
<td style="vertical-align: middle;text-align: center">1</td>
|
||||
|
|
@ -76,6 +77,7 @@
|
|||
{% block add_js %}
|
||||
<script src="{% static 'js/echarts.min.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'js/chart-sparkline.js' %}" type="text/javascript"></script>
|
||||
<script src="{% static 'monitor/js/monitoring-report-echarts.js' %}" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
var fbqkBggs = echarts.init(document.getElementById('fbqk-bggs'));
|
||||
fbqkBggsOption = {
|
||||
|
|
@ -110,7 +112,7 @@
|
|||
show: false
|
||||
},
|
||||
data: [
|
||||
{value: 335, name: '报告个数'},
|
||||
{value: {{ count }}, name: '报告个数{{ count }}'},
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
@ -149,54 +151,14 @@
|
|||
show: false
|
||||
},
|
||||
data: [
|
||||
{value: 335, name: '预警次数'},
|
||||
{value: 1, name: '预警次数5'},
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
var zztYjcs = echarts.init(document.getElementById('zzt-yjcs'));
|
||||
zztYjcsOption = {
|
||||
color: ['#3398DB'],
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
axisTick: {
|
||||
alignWithLabel: true
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value'
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '预警次数',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: [10, 52, 200, 334, 390, 330, 220]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
fbqkBggs.setOption(fbqkBggsOption)
|
||||
fbqkYyjcs.setOption(fbqkYyjcsOption)
|
||||
zztYjcs.setOption(zztYjcsOption)
|
||||
initChart()
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -25,6 +25,10 @@ urlpatterns = [
|
|||
path('comment/on/interactive/monitoring/json/',views.comment_on_interactive_monitoring_json,name='monitor-comment-on-interactive-monitoring-json'),
|
||||
#监测报告
|
||||
path('monitoring/report/',views.monitoring_report,name='monitor-monitoring-report'),
|
||||
path('monitoring/report/json/',views.monitoring_report_json,name='monitor-monitoring-report-json'),
|
||||
#首页图
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ from collections import Counter
|
|||
import jieba
|
||||
from django.core.paginator import Paginator, PageNotAnInteger, EmptyPage
|
||||
from django.db.models import Sum
|
||||
from django.http import HttpResponse
|
||||
from django.http import HttpResponse, JsonResponse
|
||||
from django.shortcuts import render
|
||||
from datetime import timedelta
|
||||
# Create your views here.
|
||||
|
|
@ -519,7 +519,7 @@ def comment_on_interactive_monitoring(request):
|
|||
|
||||
|
||||
def comment_on_interactive_monitoring_json(request):
|
||||
data = Test.objects.all()[:50]
|
||||
data = Test.objects.all()[:100]
|
||||
r = []
|
||||
for d in data:
|
||||
content = d.content
|
||||
|
|
@ -547,8 +547,24 @@ def comment_on_interactive_monitoring_json(request):
|
|||
def monitoring_report(request):
|
||||
news = News.objects.filter(type='3').order_by('-date')
|
||||
count = News.objects.filter(type='3').count()
|
||||
|
||||
return render(request, 'monitor/monitoring-report.html', {'news': news, 'count': count})
|
||||
|
||||
def monitoring_report_json(request):
|
||||
news = News.objects.filter(type='3').order_by('date')
|
||||
# year_now = datetime.datetime.now().year
|
||||
# year = range(2019, int(year_now) + 1)
|
||||
# month = range(1, 13)
|
||||
news_list = []
|
||||
for n in news:
|
||||
o = dict()
|
||||
# o['date'] = n.date
|
||||
o['count'] = 1
|
||||
o['year'] = str(n.date).split('-')[0]
|
||||
o['month'] = str(n.date).split('-')[1]
|
||||
news_list.append(o)
|
||||
return JsonResponse(news_list,safe=False)
|
||||
|
||||
|
||||
def test(request):
|
||||
return render(request, 'monitor/test.html')
|
||||
|
|
@ -766,4 +782,4 @@ def timeliness_monitoring_json(request):
|
|||
"toutiao":toutiao,
|
||||
"douyin":douyin,
|
||||
"qita":qita
|
||||
}))
|
||||
}))
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 696 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,73 @@
|
|||
L.TileLayer.ChinaProvider = L.TileLayer.extend({
|
||||
|
||||
initialize: function (type, options) { // (type, Object)
|
||||
var providers = L.TileLayer.ChinaProvider.providers;
|
||||
|
||||
var parts = type.split('.');
|
||||
|
||||
var providerName = parts[0];
|
||||
var mapName = parts[1];
|
||||
var mapType = parts[2];
|
||||
|
||||
var url = providers[providerName][mapName][mapType];
|
||||
options.subdomains = providers[providerName].Subdomains;
|
||||
|
||||
L.TileLayer.prototype.initialize.call(this, url, options);
|
||||
}
|
||||
});
|
||||
|
||||
L.TileLayer.ChinaProvider.providers = {
|
||||
TianDiTu: {
|
||||
Normal: {
|
||||
Map: "",
|
||||
Annotion: "http://t{s}.tianhttp://t{s}.tianditu.gov.cn/DataServer?T=vec_w&X={x}&Y={y}&L={z}&tk=c4e739f998041709c836927e4931ece0ditu.cn/DataServer?T=cva_w&X={x}&Y={y}&L={z}"
|
||||
},
|
||||
Satellite: {
|
||||
Map: "http://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=c4e739f998041709c836927e4931ece0",
|
||||
Annotion: "http://t{s}.tianditu.cn/DataServer?T=cia_w&X={x}&Y={y}&L={z}"
|
||||
},
|
||||
Terrain: {
|
||||
Map: "http://t{s}.tianditu.gov.cn/DataServer?T=ter_w&X={x}&Y={y}&L={z}&tk=c4e739f998041709c836927e4931ece0",
|
||||
Annotion: "http://t{s}.tianditu.cn/DataServer?T=cta_w&X={x}&Y={y}&L={z}"
|
||||
},
|
||||
Subdomains: ['0', '1', '2', '3', '4', '5', '6', '7']
|
||||
},
|
||||
|
||||
GaoDe: {
|
||||
Normal: {
|
||||
Map: 'http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}'
|
||||
},
|
||||
Satellite: {
|
||||
Map: 'http://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
|
||||
Annotion: 'http://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}'
|
||||
},
|
||||
Subdomains: ["1", "2", "3", "4"]
|
||||
},
|
||||
|
||||
Google: {
|
||||
Normal: {
|
||||
Map: "http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}"
|
||||
},
|
||||
Satellite: {
|
||||
Map: "http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}"
|
||||
},
|
||||
Subdomains: []
|
||||
},
|
||||
|
||||
Geoq: {
|
||||
Normal: {
|
||||
Map: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer/tile/{z}/{y}/{x}",
|
||||
Color: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetColor/MapServer/tile/{z}/{y}/{x}",
|
||||
PurplishBlue: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
|
||||
Gray: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer/tile/{z}/{y}/{x}",
|
||||
Warm: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}",
|
||||
Cold: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetCold/MapServer/tile/{z}/{y}/{x}"
|
||||
},
|
||||
Subdomains: []
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
L.tileLayer.chinaProvider = function (type, options) {
|
||||
return new L.TileLayer.ChinaProvider(type, options);
|
||||
};
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,640 @@
|
|||
/* required styles */
|
||||
|
||||
.leaflet-pane,
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-tile-container,
|
||||
.leaflet-pane > svg,
|
||||
.leaflet-pane > canvas,
|
||||
.leaflet-zoom-box,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
/* Prevents IE11 from highlighting tiles in blue */
|
||||
.leaflet-tile::selection {
|
||||
background: transparent;
|
||||
}
|
||||
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
|
||||
.leaflet-safari .leaflet-tile {
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
}
|
||||
/* hack that prevents hw layers "stretching" when loading new tiles */
|
||||
.leaflet-safari .leaflet-tile-container {
|
||||
width: 1600px;
|
||||
height: 1600px;
|
||||
-webkit-transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
|
||||
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
|
||||
.leaflet-container .leaflet-overlay-pane svg,
|
||||
.leaflet-container .leaflet-marker-pane img,
|
||||
.leaflet-container .leaflet-shadow-pane img,
|
||||
.leaflet-container .leaflet-tile-pane img,
|
||||
.leaflet-container img.leaflet-image-layer,
|
||||
.leaflet-container .leaflet-tile {
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.leaflet-container.leaflet-touch-zoom {
|
||||
-ms-touch-action: pan-x pan-y;
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag {
|
||||
-ms-touch-action: pinch-zoom;
|
||||
/* Fallback for FF which doesn't support pinch-zoom */
|
||||
touch-action: none;
|
||||
touch-action: pinch-zoom;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.leaflet-container {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.leaflet-container a {
|
||||
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
|
||||
}
|
||||
.leaflet-tile {
|
||||
filter: inherit;
|
||||
visibility: hidden;
|
||||
}
|
||||
.leaflet-tile-loaded {
|
||||
visibility: inherit;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
width: 0;
|
||||
height: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
z-index: 800;
|
||||
}
|
||||
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||
.leaflet-overlay-pane svg {
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.leaflet-pane { z-index: 400; }
|
||||
|
||||
.leaflet-tile-pane { z-index: 200; }
|
||||
.leaflet-overlay-pane { z-index: 400; }
|
||||
.leaflet-shadow-pane { z-index: 500; }
|
||||
.leaflet-marker-pane { z-index: 600; }
|
||||
.leaflet-tooltip-pane { z-index: 650; }
|
||||
.leaflet-popup-pane { z-index: 700; }
|
||||
|
||||
.leaflet-map-pane canvas { z-index: 100; }
|
||||
.leaflet-map-pane svg { z-index: 200; }
|
||||
|
||||
.leaflet-vml-shape {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.lvml {
|
||||
behavior: url(#default#VML);
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* control positioning */
|
||||
|
||||
.leaflet-control {
|
||||
position: relative;
|
||||
z-index: 800;
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-top,
|
||||
.leaflet-bottom {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-top {
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-right {
|
||||
right: 0;
|
||||
}
|
||||
.leaflet-bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
.leaflet-left {
|
||||
left: 0;
|
||||
}
|
||||
.leaflet-control {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
float: right;
|
||||
}
|
||||
.leaflet-top .leaflet-control {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.leaflet-left .leaflet-control {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* zoom and fade animations */
|
||||
|
||||
.leaflet-fade-anim .leaflet-tile {
|
||||
will-change: opacity;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-popup {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
-moz-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||
opacity: 1;
|
||||
}
|
||||
.leaflet-zoom-animated {
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
will-change: transform;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-tile,
|
||||
.leaflet-pan-anim .leaflet-tile {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* cursors */
|
||||
|
||||
.leaflet-interactive {
|
||||
cursor: pointer;
|
||||
}
|
||||
.leaflet-grab {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.leaflet-crosshair,
|
||||
.leaflet-crosshair .leaflet-interactive {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.leaflet-popup-pane,
|
||||
.leaflet-control {
|
||||
cursor: auto;
|
||||
}
|
||||
.leaflet-dragging .leaflet-grab,
|
||||
.leaflet-dragging .leaflet-grab .leaflet-interactive,
|
||||
.leaflet-dragging .leaflet-marker-draggable {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* marker & overlays interactivity */
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-pane > svg path,
|
||||
.leaflet-tile-container {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon.leaflet-interactive,
|
||||
.leaflet-image-layer.leaflet-interactive,
|
||||
.leaflet-pane > svg path.leaflet-interactive,
|
||||
svg.leaflet-image-layer.leaflet-interactive path {
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* visual tweaks */
|
||||
|
||||
.leaflet-container {
|
||||
background: #ddd;
|
||||
outline: 0;
|
||||
}
|
||||
.leaflet-container a {
|
||||
color: #0078A8;
|
||||
}
|
||||
.leaflet-container a.leaflet-active {
|
||||
outline: 2px solid orange;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
border: 2px dotted #38f;
|
||||
background: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
/* general typography */
|
||||
.leaflet-container {
|
||||
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* general toolbar styles */
|
||||
|
||||
.leaflet-bar {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ccc;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-control-layers-toggle {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
}
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.leaflet-bar a:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.leaflet-bar a.leaflet-disabled {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:first-child {
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
/* zoom control */
|
||||
|
||||
.leaflet-control-zoom-in,
|
||||
.leaflet-control-zoom-out {
|
||||
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||
text-indent: 1px;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
|
||||
/* layers control */
|
||||
|
||||
.leaflet-control-layers {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers.png);
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
.leaflet-retina .leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers-2x.png);
|
||||
background-size: 26px 26px;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers-toggle {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
.leaflet-control-layers .leaflet-control-layers-list,
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||
display: none;
|
||||
}
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.leaflet-control-layers-expanded {
|
||||
padding: 6px 10px 6px 6px;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
.leaflet-control-layers-scrollbar {
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.leaflet-control-layers-selector {
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.leaflet-control-layers label {
|
||||
display: block;
|
||||
}
|
||||
.leaflet-control-layers-separator {
|
||||
height: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin: 5px -10px 5px -6px;
|
||||
}
|
||||
|
||||
/* Default icon URLs */
|
||||
.leaflet-default-icon-path {
|
||||
background-image: url(images/marker-icon.png);
|
||||
}
|
||||
|
||||
|
||||
/* attribution and scale controls */
|
||||
|
||||
.leaflet-container .leaflet-control-attribution {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
margin: 0;
|
||||
}
|
||||
.leaflet-control-attribution,
|
||||
.leaflet-control-scale-line {
|
||||
padding: 0 5px;
|
||||
color: #333;
|
||||
}
|
||||
.leaflet-control-attribution a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.leaflet-control-attribution a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.leaflet-container .leaflet-control-attribution,
|
||||
.leaflet-container .leaflet-control-scale {
|
||||
font-size: 11px;
|
||||
}
|
||||
.leaflet-left .leaflet-control-scale {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control-scale {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.leaflet-control-scale-line {
|
||||
border: 2px solid #777;
|
||||
border-top: none;
|
||||
line-height: 1.1;
|
||||
padding: 2px 5px 1px;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child) {
|
||||
border-top: 2px solid #777;
|
||||
border-bottom: none;
|
||||
margin-top: -2px;
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||
border-bottom: 2px solid #777;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-attribution,
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
|
||||
/* popup */
|
||||
|
||||
.leaflet-popup {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leaflet-popup-content-wrapper {
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.leaflet-popup-content {
|
||||
margin: 13px 19px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.leaflet-popup-content p {
|
||||
margin: 18px 0;
|
||||
}
|
||||
.leaflet-popup-tip-container {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-popup-tip {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
padding: 1px;
|
||||
|
||||
margin: -10px auto 0;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
background: white;
|
||||
color: #333;
|
||||
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 4px 4px 0 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||
color: #c3c3c3;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
background: transparent;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||
color: #999;
|
||||
}
|
||||
.leaflet-popup-scrolled {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||
-ms-zoom: 1;
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
width: 24px;
|
||||
margin: 0 auto;
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip-container {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-control-zoom,
|
||||
.leaflet-oldie .leaflet-control-layers,
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
|
||||
/* div icon */
|
||||
|
||||
.leaflet-div-icon {
|
||||
background: #fff;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
|
||||
/* Tooltip */
|
||||
/* Base styles for the element that has a tooltip */
|
||||
.leaflet-tooltip {
|
||||
position: absolute;
|
||||
padding: 6px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-tooltip.leaflet-clickable {
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-tooltip-top:before,
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border: 6px solid transparent;
|
||||
background: transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Directions */
|
||||
|
||||
.leaflet-tooltip-bottom {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.leaflet-tooltip-top {
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-top:before {
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-top:before {
|
||||
bottom: 0;
|
||||
margin-bottom: -12px;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before {
|
||||
top: 0;
|
||||
margin-top: -12px;
|
||||
margin-left: -6px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-left {
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-right {
|
||||
margin-left: 6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before {
|
||||
right: 0;
|
||||
margin-right: -12px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-right:before {
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue