diff options
Diffstat (limited to 'templates/chimere/blocks/map.html')
-rw-r--r-- | templates/chimere/blocks/map.html | 115 |
1 files changed, 53 insertions, 62 deletions
diff --git a/templates/chimere/blocks/map.html b/templates/chimere/blocks/map.html index 56a87a3..1dce75f 100644 --- a/templates/chimere/blocks/map.html +++ b/templates/chimere/blocks/map.html @@ -1,15 +1,7 @@ {% 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-small'}); -}); - // --> </script> <div id="waiting"> <div id="waiting-content"> @@ -17,14 +9,16 @@ $(function(){ <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"> - <!-- var routing_panel_open = function(){ $('#frm_categories').hide(); $('#search-box').hide(); @@ -63,24 +57,43 @@ $(function(){ {% 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["routing_panel_open"] = routing_panel_open; - chimere_init_options["category_accordion"] = false; - chimere_init_options["cluster_icon"] = new OpenLayers.Icon( - STATIC_URL + "saclay/images/cluster_icon.png", - new OpenLayers.Size(39, 46), - new OpenLayers.Pixel(-(39/2), -(46/2))); - chimere_init_options["category_plus"] = STATIC_URL + "saclay/images/plus.png"; - chimere_init_options["category_minus"] = STATIC_URL + "saclay/images/minus.png"; - chimere_init_options["popupClass"] = OpenLayers.Popup.SaclayCloud; - chimere_init_options["popupClass"].imageSrc = "{{STATIC_URL}}/saclay/js/cloud-popup-saclay.png"; - chimere_init_options["popupContentFull"] = true; - chimere_init_options["explicit_popup_hide"] = true; - chimere_init_options["edition_type_is_route"] = true; - chimere_init_options["display_feature_detail_fx"] = display_feature_detail; - + 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}}], + 'permalink_label': '{%trans "Permalink"%}', + 'permalink_element': document.getElementById('permalink'), + 'routing': {{routing}}, + {% if dynamic_categories %}'dynamic_categories': true,{% endif %} + {% 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 %} + "checked_categories": [{% for cc in checked_categories %}{% if forloop.counter0 > 0 %}, {% endif %}{{cc}}{% endfor %}], + {% 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 %} + "edition_type_is_route": true + } + {% if restricted_extent %}{{ restricted_extent }} + chimere_init_options["restricted_extent"] = bounds; + {% endif %} + {% comment %} chimere_init_options["default_icon"] = new OpenLayers.Icon( '{{STATIC_URL}}saclay/images/default_icon.png', new OpenLayers.Size(37, 42), @@ -97,6 +110,7 @@ $(function(){ '{{STATIC_URL}}saclay/images/routing_step.png', new OpenLayers.Size(37, 42), new OpenLayers.Pixel(-(37/2), -42)); + }; var numZoomLevels = 7; var maxZoomLevel = 19; var resolutions; @@ -111,40 +125,18 @@ $(function(){ zoomOffset = minZoomLevel; } - 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 %} - {% if p_routing_transport %}chimere_init_options["routing_transport"] = "{{ p_routing_transport }}";{% endif %} - {% if p_routing_speed %}chimere_init_options["routing_speed"] = "{{ p_routing_speed }}";{% endif %} - chimere_init_options["icon_offset"] = new OpenLayers.Pixel({{icon_offset_x}}, - {{icon_offset_y}}); - chimere_init_options['marker_hover_offset'] = new OpenLayers.Pixel(7, 20); - 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 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 %} + "icon_offset": new OpenLayers.Pixel({{icon_offset_x}}, + {{icon_offset_y}}), + 'marker_hover_offset': new OpenLayers.Pixel(7, 20), + "popupClass": OpenLayers.Popup.SaclayCloud, + "popupClass"].imageSrc = "{{STATIC_URL}}/saclay/js/cloud-popup-saclay.png", + "cluster_icon": new OpenLayers.Icon( + STATIC_URL + "saclay/images/cluster_icon.png", + new OpenLayers.Size(39, 46), + new OpenLayers.Pixel(-(39/2), -(46/2))), + //"display_feature_detail_fx": display_feature_detail, + {% endcomment %} + $("#{{map_id}}").chimere(chimere_init_options); {% if zoom %} $('#maps').chimere('zoom', {'area':{{zoom}} }); @@ -184,7 +176,6 @@ $(function(){ } }); }); - // --> </script> <div id='marker_hover'><div id='marker_hover_content'></div></div> <div id='cluster_list'></div> |