summaryrefslogtreecommitdiff
path: root/templates/chimere/blocks/map.html
blob: 262a4f4fe73f3562c50657ba1a5d2f016c04e51f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
{% load i18n %}
<div id='{{map_id}}'></div>
<div id='popup'></div>
<div id='layerSwitcher'></div>
<script type="text/javascript">
$("#{{map_id}}").show();
</script>
<div id="waiting">
    <div id="waiting-content">
        <img src='{{STATIC_URL}}chimere/img/ajax-loader.gif' alt='Ajax loader'/>
        <p>{% trans "Loading of the map in progress" %}</p>
    </div>
</div>

<div id="layer_selection">
  <h4>{% trans "Display options" %}</h4>
  <ul id='layer_list'>
    <li class='head layer_map_type'>{% trans "Map type"%}</li>
  </ul>
</div>


<script type="text/javascript">

    {% if single_category %}
    $(function() {$('#panel').hide()});{% endif %}
    {{extra_js|safe}}
    var permalink = window.location.hash.substr(1);
    var chimere_init_options = {
        {% if MOBILE %}"mobile": true,{% endif %}
        {% if enable_clustering %}"enable_clustering": true,{% endif %}
        "routing_panel_open": routing_panel_open,
        "category_accordion": false,
        "category_plus": STATIC_URL + "saclay/images/plus.png",
        "category_minus": STATIC_URL + "saclay/images/minus.png",
        "popupContentFull": true,
        "explicit_popup_hide": true,
        "map_layers": [{{js_map_layers|safe|escape}}],
        'routing': {{routing}},
        {% if default_area %}"default_area": new Array({{default_area.upper_left_corner.x}}, {{default_area.upper_left_corner.y}}, {{default_area.lower_right_corner.x}}, {{default_area.lower_right_corner.y}}),{% endif %}
        {% if p_zoom %}"zoom": {{ p_zoom }},{% endif %}
        {% if p_lat %}"lat": {{ p_lat }},{% endif %}
        {% if p_lon %}"lon": {{ p_lon }},{% endif %}
        {% if p_routing_start_lon %}"routing_start_lon": {{ p_routing_start_lon }},{% endif %}
        {% if p_routing_start_lat %}"routing_start_lat": {{ p_routing_start_lat }},{% endif %}
        {% if p_routing_end_lon %}"routing_end_lon": {{ p_routing_end_lon }},{% endif %}
        {% if p_routing_end_lat %}"routing_end_lat": {{ p_routing_end_lat }},{% endif %}
        {% if p_routing_steps %}"routing_steps_lonlat": [{{ p_routing_steps }}],{% endif %}
        {% if p_routing_transport %}"routing_transport": "{{ p_routing_transport }}",{% endif %}
        {% if p_routing_speed %}"routing_speed": "{{ p_routing_speed }}",{% endif %}
        "dynamic_categories": {{ dynamic_categories }},
        {% if p_display_submited %}"display_submited": {{ p_display_submited }},{% endif %}
        {% if area_id %}'area_id': "{{area_id}}",{% endif %}
        {% if p_current_feature %}"display_feature": "{{ p_current_feature }}",{% endif %}
        {% if selected_map_layer %}"selected_map_layer": {{selected_map_layer}},{% endif %}
        "display_feature_detail_callback": display_feature_detail_callback,
        'routing': {{routing}},
        {% if max_zoom %}'maxZoom': {{max_zoom}},{% endif %}
        {% if min_zoom %}'minZoom': {{min_zoom}},{% endif %}
        "edition_type_is_route": true,
        "permalink": permalink
    }
    {% if restricted_extent %}{{ restricted_extent }}
    chimere_init_options["restricted_extent"] = bounds;
    {% endif %}
    {% if checked_categories %}
    /* not a permalink */
    if (window.location.href.indexOf("#") <= -1) {
        chimere_init_options["checked_categories"] = [
        {% for cc in checked_categories %}{% if forloop.counter0 > 0 %}, {% endif %}{{cc}}{% endfor %}];
    }
    {% endif %}

    $("#{{map_id}}").chimere(chimere_init_options);
    {% if zoom %}
    if (!permalink) $('#{{map_id}}').chimere('zoom', {'area':{{zoom}} });
    {% endif %}

    {% for overlay in json_overlays %}
    $('#{{map_id}}').chimere('addJSON', '{{overlay.overlay_file.url}}',
                           "{{overlay.name}}"{% if overlay.style %},
                           "EPSG:4326",
                           {{overlay.style|safe}}{% endif %});
    {% endfor %}
    {{extra_map_def|safe}}

    function update_permalink(){
        $('#{{map_id}}').chimere('update_permalink');
    };

</script>
<div id='marker_hover'><div id='marker_hover_content'></div></div>
<div class="modal fade" id="cluster_list" tabindex="-1" role="dialog" aria-labelledby="cluster-label" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header modal-header-success">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="cluster-label">&nbsp;</h4>
      </div>
      <div class="modal-body">
      </div>
    </div>
  </div>
</div>