diff --git a/frontend-js/src/main/js/Export.js b/frontend-js/src/main/js/Export.js
index b751f7174488e51e998e3f3a092a435a1952d744..311d4d1067ead70809db74a05737e9ef9546f193 100644
--- a/frontend-js/src/main/js/Export.js
+++ b/frontend-js/src/main/js/Export.js
@@ -2,11 +2,13 @@
 
 var Promise = require("bluebird");
 
-var logger = require('./logger');
 var CustomMapOptions = require('./map/CustomMapOptions');
-var Functions = require('./Functions');
+var Header = require('./gui/Header');
 var ObjectWithListeners = require('./ObjectWithListeners');
 
+var logger = require('./logger');
+var Functions = require('./Functions');
+
 /**
  * Default constructor.
  * 
@@ -15,17 +17,33 @@ var ObjectWithListeners = require('./ObjectWithListeners');
  *          creation
  */
 function Export(options) {
-  this._controls = [];
-
+  var self = this;
   if (!(options instanceof CustomMapOptions)) {
     options = new CustomMapOptions(options);
   }
-  this.setProject(options.getProject());
+  self.setProject(options.getProject());
+  self.setElement(options.getElement());
+
+  self._createGui();
 }
 
 Export.prototype = Object.create(ObjectWithListeners.prototype);
 Export.prototype.constructor = ObjectWithListeners;
 
+Export.prototype._createGui = function() {
+  var self = this;
+  self.getElement().innerHTML = "";
+  var headerDiv = Functions.createElement({
+    type : "div"
+  });
+  new Header({
+    element : headerDiv,
+    customMap : null,
+    project : self.getProject(),
+  });
+  self.getElement().appendChild(headerDiv);
+}
+
 Export.prototype.setProject = function(project) {
   this._project = project;
 };
@@ -33,4 +51,11 @@ Export.prototype.getProject = function() {
   return this._project;
 };
 
+Export.prototype.setElement = function(element) {
+  this._element = element;
+};
+Export.prototype.getElement = function() {
+  return this._element;
+};
+
 module.exports = Export;
diff --git a/frontend-js/src/main/js/minerva.js b/frontend-js/src/main/js/minerva.js
index 4cb860ad528fcf5625fc5330e61c1f4c57c731cd..4e23889abc23fa7ee49a519b1f9f667e5766b476 100644
--- a/frontend-js/src/main/js/minerva.js
+++ b/frontend-js/src/main/js/minerva.js
@@ -567,7 +567,6 @@ function createExport(params) {
     return getProject(params);
   }).then(function(project) {
     params.setProject(project);
-    var element = params.getElement();
     return new Export(params);
   });
 }
diff --git a/web/src/main/webapp/export-new.xhtml b/web/src/main/webapp/export-new.xhtml
index 400068b007d79eee9141d6a8cc7f6dabb79d5ebc..81120e167905084774f44c3c4e426992fcae26db 100644
--- a/web/src/main/webapp/export-new.xhtml
+++ b/web/src/main/webapp/export-new.xhtml
@@ -9,6 +9,8 @@
 
 <f:view contentType="text/html">
 <h:head>
+	<script src="https://maps.google.com/maps/api/js?libraries=drawing&amp;v=3.26" type="text/javascript"/>
+
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"/>
 	<script src="https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.min.js" type="text/javascript"/>