v1.8.2

Author: www

CONTRIBUTING.md

@@ -15,7 +15,7 @@ your application. If there's an error, please include the error text.
 It's always easy to undestand the bug/problem visually, you can use a predefined
 jsfiddle example which loads a simple map, which you can use to document your issue:
 
-http://jsfiddle.net/tombatossals/v3b0p54h/
+http://jsfiddle.net/juristr/od60raL4/1/
 
 ## <a name="commit"></a> Commit Message Guidelines
 

dist/angular-openlayers-directive.js

@@ -1542,7 +1542,10 @@ angular.module('openlayers-directive').factory('olHelpers', ["$q", "$log", "$htt
                     }
 
                     var features = geojsonFormat.readFeatures(
-                        source.geojson.object, { featureProjection: projectionToUse });
+                        source.geojson.object, {
+                            featureProjection: projectionToUse,
+                            dataProjection: projectionToUse
+                        });
 
                     oSource.addFeatures(features);
                 }

dist/angular-openlayers-directive.min.js

@@ -1542,7 +1542,10 @@ angular.module('openlayers-directive').factory('olHelpers', function($q, $log, $
                     }
 
                     var features = geojsonFormat.readFeatures(
-                        source.geojson.object, { featureProjection: projectionToUse });
+                        source.geojson.object, {
+                            featureProjection: projectionToUse,
+                            dataProjection: projectionToUse
+                        });
 
                     oSource.addFeatures(features);
                 }

dist/angular-openlayers-directive.min.no-header.js

@@ -65,5 +65,5 @@
     "semantic-release": "semantic-release pre && npm publish && semantic-release post"
   },
   "main": "dist/angular-openlayers-directive",
-  "version": "1.8.1"
+  "version": "1.8.2"
 }

dist/angular-openlayers-directive.pre.js

@@ -364,7 +364,10 @@ angular.module('openlayers-directive').factory('olHelpers', function($q, $log, $
                     }
 
                     var features = geojsonFormat.readFeatures(
-                        source.geojson.object, { featureProjection: projectionToUse });
+                        source.geojson.object, {
+                            featureProjection: projectionToUse,
+                            dataProjection: projectionToUse
+                        });
 
                     oSource.addFeatures(features);
                 }

package.json

@@ -88,6 +88,42 @@ describe('Directive: openlayers layers', function() {
         expect(geoJsonLayer.getSource().getFeatures().length).not.toBe(0);
     });
 
+    it('should properly render a GeoJSON layer containing the GeoJSON object with different projections', function() {
+        scope.geoJsonLayer = {
+            source: {
+                type: 'GeoJSON',
+                geojson: {
+                    object: {
+                        type: 'Feature',
+                        geometry: {
+                            type: 'Point',
+                            coordinates: [434179, 122450] // Southampton (UK) in EPSG:27700
+                        }
+                    },
+                    projection: 'EPSG:27700'
+                }
+            }
+        };
+
+        var element = angular.element('<openlayers>' +
+                                       '<ol-layer ol-layer-properties="geoJsonLayer"></ol-layer>' +
+                                       '</openlayers>');
+        element = $compile(element)(scope);
+
+        var layers;
+        olData.getMap().then(function(olMap) {
+            layers = olMap.getLayers();
+        });
+
+        scope.$digest();
+        expect(layers.item(0).getSource() instanceof ol.source.OSM).toBe(true);
+        expect(layers.getLength()).toBe(2);
+
+        var geoJsonLayer = layers.item(1);
+        expect(geoJsonLayer.getSource() instanceof ol.source.Vector).toBe(true);
+        expect(geoJsonLayer.getSource().getFeatures().length).not.toBe(0);
+    });
+
     it('should have one layer if custom-layers is used', function() {
         scope.mapbox = {
             source: {