feat: added extent support on map

Author: sjhoeksma

src/GEOComp.tsx

@@ -148,6 +148,7 @@ var GEOComp = (function () {
     onEvent: eventHandlerControl(eventDefinitions),
     startDate: stringSimpleControl(), //TODO replace with date picker
     endDate: stringSimpleControl(),
+    extent: ArrayControl,
     features:
       featureControl({
         menu: false,
@@ -205,6 +206,7 @@ var GEOComp = (function () {
     projection: string;
     startDate: string;
     endDate: string;
+    extent: any;
 
     test: any
   }) => {
@@ -329,6 +331,7 @@ var GEOComp = (function () {
             projection={props.projection}
             startDate={props.startDate}
             endDate={props.endDate}
+            extent={props.extent}
           />
         </div>
       </div>
@@ -345,6 +348,7 @@ var GEOComp = (function () {
             {children.maxZoom.propertyView({ label: "maxZoom" })}
             {children.rotation.propertyView({ label: "rotation" })}
             {children.projection.propertyView({ label: "projection" })}
+            {children.extent.propertyView({ label: "extent" })}
           </Section>
           <Section name="Interaction">
             {children.onEvent.propertyView()}

src/vendors/Geo.jsx

@@ -202,7 +202,10 @@ function Geo(props) {
           zoom: props.zoom,
           maxZoom: props.maxZoom,
           rotation: props.rotation,
-          projection: props.projection
+          projection: props.projection,
+          extent: props.extent && props.extent.length == 4 ?
+            transformExtent(props.extent, 'EPSG:4326', props.projection) :
+            [-Infinity, -Infinity, Infinity, Infinity]
         }),
         target: 'GEO_' + geoId,
         layers: [],
@@ -707,7 +710,7 @@ function Geo(props) {
       //Add map init event
       fireEvent('map:init', map)
     }
-  }, [props.features, props.projection, props.startDate, props.endDate, geoRef]);
+  }, [props.features, props.extent, props.projection, props.startDate, props.endDate, geoRef]);
 
 
   useEffect(() => {
@@ -817,6 +820,7 @@ Geo.propTypes = {
   projection: PropTypes.string,
   startDate: PropTypes.string,
   endDate: PropTypes.string,
+  extent: PropTypes.array,
 }
 
 export default Geo;