diff options
Diffstat (limited to 'templates/chimere/blocks/map.html')
-rw-r--r-- | templates/chimere/blocks/map.html | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/templates/chimere/blocks/map.html b/templates/chimere/blocks/map.html new file mode 100644 index 0000000..db0741b --- /dev/null +++ b/templates/chimere/blocks/map.html @@ -0,0 +1,94 @@ +{% load i18n %} +<div id='{{map_id}}'></div> +<script type="text/javascript"> +$("#{{map_id}}").show(); +$(function(){ + $('#cluster_list').dialog({'autoOpen':false, + 'resizable':false, + 'width':340, + 'dialogClass':'no-titlebar'}); +}); +</script> +<div id="waiting"> + <div id="waiting-content"> + <img alt='Ajax loader' src='{{STATIC_URL}}chimere/img/ajax-loader.gif'/> + <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 %} + var chimere_init_options = {}; + {% if MOBILE %}chimere_init_options["mobile"] = true;{% endif %} + {% if enable_clustering %}chimere_init_options["enable_clustering"] = true;{% endif %} + chimere_init_options["default_icon"] = '{{STATIC_URL}}img/marker-green.png'; + chimere_init_options["map_layers"] = [{{js_map_layers|safe|escape}}]; + chimere_init_options['permalink_label'] = '{%trans "Permalink"%}'; + chimere_init_options['permalink_element'] = document.getElementById('permalink'); + chimere_init_options['routing'] = {{routing}}; + {% if dynamic_categories %}chimere_init_options['dynamic_categories'] = true;{% endif %} + {% if default_area %} + chimere_init_options["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 %}chimere_init_options["zoom"] = {{ p_zoom }};{% endif %} + {% if p_lat %}chimere_init_options["lat"] = {{ p_lat }};{% endif %} + {% if p_lon %}chimere_init_options["lon"] = {{ p_lon }};{% endif %} + {% if p_routing_start_lon %}chimere_init_options["routing_start_lon"] = {{ p_routing_start_lon }};{% endif %} + {% if p_routing_start_lat %}chimere_init_options["routing_start_lat"] = {{ p_routing_start_lat }};{% endif %} + {% if p_routing_end_lon %}chimere_init_options["routing_end_lon"] = {{ p_routing_end_lon }};{% endif %} + {% if p_routing_end_lat %}chimere_init_options["routing_end_lat"] = {{ p_routing_end_lat }};{% endif %} + {% if p_routing_steps %}chimere_init_options["routing_steps_lonlat"] = [{{ p_routing_steps }}];{% endif %} + chimere_init_options["icon_offset"] = new OpenLayers.Pixel({{icon_offset_x}}, + {{icon_offset_y}}); + chimere_init_options["dynamic_categories"] = {{ dynamic_categories }}; + {% if p_display_submited %}chimere_init_options["display_submited"] = {{ p_display_submited }};{% endif %} + chimere_init_options["checked_categories"] = [{% for cc in checked_categories %}{% if forloop.counter0 > 0 %}, {% endif %}{{cc}}{% endfor %}]; + {% if area_id %}chimere_init_options['area_id'] = "{{area_id}}";{% endif %} + {% if p_current_feature %} + chimere_init_options["display_feature"] = {{ p_current_feature }};{% endif %} + {% if p_current_route %} + chimere_init_options["display_route"] = {{ p_current_route }};{% endif %} + {% if restricted_extent %}{{ restricted_extent }} + chimere_init_options["restricted_extent"] = bounds; + {% endif %} + {% if selected_map_layer %} + chimere_init_options["selected_map_layer"] = {{selected_map_layer}}; + {% endif %} + $("#main-map").chimere(chimere_init_options); + {% if zoom %} + $('#maps').chimere('zoom', {'area':{{zoom}} }); + {% endif %} + + // init layer selection + $(function() { + {% for layer_name, js, def in map_layers %} + $('#layer_list').append("<li><input type='radio' value='{{forloop.counter0}}' name='layer_type' id='layer_{{forloop.counter}}'{% if def %} checked='checked'{% endif %}><label for='layer_{{forloop.counter}}'>{{layer_name}}</li>");{% endfor %} + {% for subcat in subcat_layer %} + {% if not subcat.category %} + $('#layer_list').append("<li class='head layer_category'>{{subcat.name}}</li>");{% else %} + $('#layer_list').append("<li><input type='checkbox' name='layer_cat' value='category_{{subcat.pk}}' id='layer_cat_{{subcat.pk}}'{% if subcat.pk in checked_categories %} checked='checked'{% endif %}><label for='layer_cat_{{subcat.pk}}'>{{subcat.name}}</li>");{%endif%}{% endfor %} + $('#layer_selection h4').click(function(){ + $('#layer_list').toggle(); + }); + $('#layer_list input[name=layer_type]').change(function(){ + $('#{{map_id}}').chimere('changeMapLayer', $(this).val()); + }); + $('#layer_list input[name=layer_cat]').change(function(){ + // the prop has to be called twice not to mess up with the triggered + // click + $('#'+$(this).val()).prop("checked", this.checked); + $('#'+$(this).val()).trigger('click'); + $('#'+$(this).val()).prop("checked", this.checked); + }); + highlight_selected_categories(); + }); +</script> +<div id='marker_hover'><div id='marker_hover_content'></div></div> +<div id='cluster_list'></div> + |