OL3 switch: first work

1 files changed, 82 insertions, 40 deletions

diff --git a/chimere/static/chimere/js/jquery.chimere.js b/chimere/static/chimere/js/jquery.chimere.js
index 809e734..cab170a 100644
--- a/chimere/static/chimere/js/jquery.chimere.js
+++ b/chimere/static/chimere/js/jquery.chimere.js
@@ -17,19 +17,9 @@ See the file COPYING for details.
 */
 
 /* Add OpenLayers MapQuest layer management */
-OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
-    name: "MapQuestOSM",
-    sphericalMercator: true,
-    url: ' http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png',
-    clone: function(obj) {
-        if (obj == null) {
-            obj = new OpenLayers.Layer.OSM(
-            this.name, this.url, this.getOptions());
-        }
-        obj = OpenLayers.Layer.XYZ.prototype.clone.apply(this, [obj]);
-        return obj;
-    },
-    CLASS_NAME: "OpenLayers.Layer.MapQuestOSM"
+mapquest_layer = new ol.layer.Tile({
+    style: 'Road',
+    source: new ol.source.MapQuest({layer: 'osm'})
 });
 
 /*
@@ -130,6 +120,7 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
         */
         init: function ( options ) {
             /* Manage parameters */
+            /* OL3-deprecated-cluster
             // not staticaly in default because of STATIC_URL init
             if (defaults.cluster_icon == null && typeof STATIC_URL != 'undefined'){
                 defaults.cluster_icon = new OpenLayers.Icon(
@@ -137,6 +128,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     new OpenLayers.Size(36, 39),
                     new OpenLayers.Pixel(-(36/2), -(39/2)));
             }
+            */
+            /* OL3-deprecated-routing
             if (defaults.icon_start == null && typeof STATIC_URL != 'undefined'){
                 defaults.icon_start = new OpenLayers.Icon(
                     STATIC_URL + "chimere/img/flag-start.png",
@@ -155,9 +148,13 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     new OpenLayers.Size(32, 32),
                     new OpenLayers.Pixel(0, -32));
             }
+            */
             settings = $.extend({}, defaults);
             if ( options ) $.extend(settings, options);
+
+
             if (settings.controls == null){
+                /* OL3-deprecated-mobile
                 if (settings.mobile){
                     settings.controls = [new OpenLayers.Control.TouchNavigation({
                         dragPanOptions: {
@@ -166,33 +163,49 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     }),
                     new OpenLayers.Control.Zoom()];
                 } else {
-                    settings.controls = [new OpenLayers.Control.Navigation(),
-                      new OpenLayers.Control.SimplePanZoom(),
-                      new OpenLayers.Control.ScaleLine()];
-                }
+                */
+                settings.controls = [
+                    new ol.control.Attribution(),
+                    new ol.control.OverviewMap({
+                        collapsed: false
+                    }),
+                    new ol.control.ScaleLine(),
+                    new ol.control.Zoom(),
+                    new ol.control.FullScreen()
+                ];
+                //}
             }
             var map_element = $(this).get(0);
-            var map_options = {
-                controls: settings.controls,
+
+            var view_options = {
                 maxResolution: settings.maxResolution,
-                units: settings.units,
-                projection: settings.projection,
-                theme: settings.theme
+                // OL3-deprecated: units: settings.units,
+                projection: settings.projection
             };
+            /* OL3-deprecated
             if (settings.restricted_extent){
                 settings.restricted_extent.transform(EPSG_DISPLAY_PROJECTION,
                                                      EPSG_PROJECTION);
                 map_options['restrictedExtent'] = settings.restricted_extent;
-            }
+            }*/
+            settings.view = new ol.View(view_options);
+            var map_options = {
+                controls: settings.controls,
+                view: settings.view,
+                target: map_element,
+                layers: settings.map_layers
+                // OL3-deprecated: theme: settings.theme
+            };
 
             settings.current_position = null;
 
             /* Create map object */
-            settings.map = map = new OpenLayers.Map(map_element, map_options);
+            settings.map = map = new ol.Map(map_options);
 
-            map.addControl(new OpenLayers.Control.Attribution());
+            // OL3-deprecated:  map.addControl(new OpenLayers.Control.Attribution());
 
             /* Manage permalink */
+            /* OL3-deprecated permalink
             if (!settings.edition){
                 if (settings.permalink == null && !settings.edition) {
                     var permalink_options = {};
@@ -203,8 +216,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     settings.permalink = new OpenLayers.Control.Permalink(
                                                          permalink_options);
                 }
-                /* HACK new permalink createParams method
-                   FIXME when facilities are given to personalize the permalink */
+                // HACK new permalink createParams method
+                // FIXME when facilities are given to personalize the permalink
                 var oldCreateParams = settings.permalink.createParams
                 var  _createParams = function(center, zoom, layers) {
                     // Call normal method
@@ -251,24 +264,28 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     settings.permalink.div.childNodes[0].textContent = settings.permalink_label;
                 }
             }
-            /* Add Layers */
-            settings.map.addLayers(settings.map_layers);
+            */
+            /* OL3-deprecated
             if (settings.map_layers.length > 1){
                 settings.map.addControl(new OpenLayers.Control.LayerSwitcher(
                                         {roundedCorner:false}));
             }
-            /* select the default map layer */
+            // select the default map layer
             if (!settings.selected_map_layer){
                 settings.selected_map_layer = 0;
             }
             settings.map.setBaseLayer(
                             settings.map_layers[settings.selected_map_layer]);
+            */
 
-            /* manage the context menu  */
+            /* OL3-deprecated context menu
+            // manage the context menu
             $('#map_menu_zoomin').bind("click", methods.zoomIn);
             $('#map_menu_zoomout').bind("click", methods.zoomOut);
             $('#map_menu_center').bind("click", methods.mapCenter);
-            /* manage the routing */
+            */
+            /* OL3-deprecated routing
+            // manage the routing
             if (settings.routing){
                 settings.routing_start = null;
                 settings.routing_steps = new Array();
@@ -283,17 +300,22 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                                                                'Route markers');
                 settings.map.addLayer(settings.layerRouteMarker);
             }
+            */
             /* Vectors layer */
-            settings.layerVectors = new OpenLayers.Layer.Vector("Vector Layer");
+            settings.layerVectors = new ol.layer.Vector();{
+
             settings.map.addLayer(settings.layerVectors);
-            settings.layerVectors.setOpacity(0.8);
+            // OL3-deprecated settings.layerVectors.setOpacity(0.8);
+            /* OL3-deprecated-routing
             if (settings.edition_type_is_route){
                 settings.map.addControl(new OpenLayers.Control.DrawFeature(
                                settings.layerVectors, OpenLayers.Handler.Path));
                 settings.map.addControl(new OpenLayers.Control.ModifyFeature(
                         settings.layerVectors, {clickout:false, toggle:false}));
             }
+            */
 
+            /* OL3-deprecated-cluster
             if (settings.enable_clustering){
                 var style = new OpenLayers.Style({
                        graphicTitle: "${name}",
@@ -341,7 +363,7 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                      }});
 
 
-                /* Cluster layer */
+                // Cluster layer
                 settings.clustering = new OpenLayers.Strategy.Cluster({
                                                                 distance: 10,
                                                                 threshold: 2});
@@ -377,32 +399,50 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                 highlightCtrl.activate();
                 selectCtrl.activate();
             }
+            */
 
             /* Markers layer */
-            settings.layerMarkers = new OpenLayers.Layer.Markers('POIs');
+            settings.icons = [];
+            settings.layerIcons = new ol.source.Vector({
+                features: settings.icons
+            });
+            settings.layerMarkers = new ol.layer.Vector({
+                source: settings.layerIcons
+            });
+
             settings.map.addLayer(settings.layerMarkers);
 
+            /* OL3-deprecated
             if (settings.dynamic_categories){
                 settings.map.events.register('moveend', settings.map,
                                              methods.loadCategories);
             }
-            /* TODO make a function */
+            */
+
+            /* OL3-deprecated
+            // TODO make a function
             if (settings.display_submited) {
                 document.getElementById('display_submited_check').checked = true;
             }
+            */
+
             /* if we have some zoom and lon/lat from the init options */
             if (settings.zoom && settings.lon && settings.lat) {
-                var centerLonLat = new OpenLayers.LonLat(settings.lon,
-                                                         settings.lat);
-                settings.map.setCenter(centerLonLat, settings.zoom);
+                var centerLonLat = [settings.lon, settings.lat];
+                settings.map.setCenter(centerLonLat);
+                settings.map.setZoom(settings.zoom);
             }
             /* if not zoom to the extent in cookies */
             else if (!methods.zoomToCurrentExtent(settings.map)){
                 /* if no extent in cookies zoom to default */
                 if(CENTER_LONLAT && DEFAULT_ZOOM){
                     settings.map.setCenter(CENTER_LONLAT, DEFAULT_ZOOM);
+                    settings.map.setCenter(CENTER_LONLAT);
+                    settings.map.setZoom(DEFAULT_ZOOM);
                 }
             }
+            return;
+            /// OL3-To be continued
 
             if (!settings.edition){
                 if (settings.enable_clustering){
@@ -1524,6 +1564,8 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
             /* zoom to current extent */
             var current_extent = helpers.getSavedExtent();
             var extent;
+            return;
+            //////// OL3-deprecated
             if (OpenLayers && current_extent && current_extent.length == 4){
                 extent = new OpenLayers.Bounds(
                                 current_extent[0], current_extent[1],