monitoring/ffmap/web/templates/map.html

37 lines
1015 B
HTML
Raw Normal View History

2015-10-02 23:53:47 +02:00
{% extends "bootstrap.html" %}
{% block viewport %}{{super()}}, maximum-scale=1.0, user-scalable=no{% endblock %}
{% block head %}{{super()}}
2015-09-03 19:35:09 +02:00
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
<style type="text/css">
2015-10-02 23:53:47 +02:00
html, body {
2015-09-03 19:35:09 +02:00
height: 100%;
}
2015-10-02 23:53:47 +02:00
.navbar {
margin-bottom: 0;
2015-09-03 19:35:09 +02:00
}
2015-10-02 23:53:47 +02:00
.main_content {
height: calc(100% - 51px);
width: 100%;
padding: 0;
2015-09-03 19:35:09 +02:00
}
2015-10-02 23:53:47 +02:00
#map {
height: 100%;
width: 100%;
2015-09-03 19:35:09 +02:00
}
</style>
2015-10-02 23:53:47 +02:00
{% endblock %}
2015-09-03 19:35:09 +02:00
2015-10-02 23:53:47 +02:00
{% block content %}
<div id="map"></div>
2015-09-03 19:35:09 +02:00
<script type="text/javascript">
2015-10-07 16:19:07 +02:00
var url_get_nearest_router = "{{ url_for('api.get_nearest_router') }}";
2015-10-02 23:53:47 +02:00
var url_router_info = "{{ url_for('router_info', dbid='') }}";
var tileurls = {{ tileurls|tojson|safe }};
</script>
<script src="{{ url_for('static', filename='js/map.js') }}"></script>
<script type="text/javascript">
map.setView([49.45, 11.1], 10);
2015-09-03 19:35:09 +02:00
</script>
2015-10-02 23:53:47 +02:00
{% endblock %}