- (Bug Fix) Fixed a critical JS issue that was preventing a map from working upon instantiation. Bug was a result of a recent refactor

Author: objectivehtml

resources/js/app.compiled.js

@@ -10757,8 +10757,10 @@ var GoogleMaps = {
 				savedData: options.savedData,
 				width: options.width,
 				height: options.height,
-				position: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
-				zoom: options.zoom,
+				mapOptions: {
+					center: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
+					zoom: options.zoom
+				},
 				showButtons: options.showButtons,
 				addressFields: options.addressFields
 			});
@@ -12607,13 +12609,14 @@ var GoogleMaps = {
   			this.polylines = [];
   			this.routes = [];
 
+  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+
   			this.mapOptions = _.extend({}, {
 	  			zoom: 8,
 	  			disableDefaultUI: true,
-	  			mapType: google.maps.MapTypeId.ROADMAP
-	  		});
-
-  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+	  			mapType: google.maps.MapTypeId.ROADMAP,
+	  			center: new google.maps.LatLng(0, 0)
+	  		}, (options.mapOptions ? options.mapOptions : {}));
 
   			if(!this.model) {
   				this.model = new Backbone.Model();

resources/js/app.js

@@ -53,8 +53,10 @@ var GoogleMaps = {
 				savedData: options.savedData,
 				width: options.width,
 				height: options.height,
-				position: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
-				zoom: options.zoom,
+				mapOptions: {
+					center: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
+					zoom: options.zoom
+				},
 				showButtons: options.showButtons,
 				addressFields: options.addressFields
 			});
@@ -1903,13 +1905,14 @@ var GoogleMaps = {
   			this.polylines = [];
   			this.routes = [];
 
+  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+
   			this.mapOptions = _.extend({}, {
 	  			zoom: 8,
 	  			disableDefaultUI: true,
-	  			mapType: google.maps.MapTypeId.ROADMAP
-	  		});
-
-  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+	  			mapType: google.maps.MapTypeId.ROADMAP,
+	  			center: new google.maps.LatLng(0, 0)
+	  		}, (options.mapOptions ? options.mapOptions : {}));
 
   			if(!this.model) {
   				this.model = new Backbone.Model();

resources/js/app.min.js

@@ -53,8 +53,10 @@ var GoogleMaps = {
 				savedData: options.savedData,
 				width: options.width,
 				height: options.height,
-				position: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
-				zoom: options.zoom,
+				mapOptions: {
+					center: new google.maps.LatLng(parseFloat(coord[0]), parseFloat(coord[1])),
+					zoom: options.zoom
+				},
 				showButtons: options.showButtons,
 				addressFields: options.addressFields
 			});

resources/js/app/main.js

@@ -49,13 +49,14 @@
   			this.polylines = [];
   			this.routes = [];
 
+  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+
   			this.mapOptions = _.extend({}, {
 	  			zoom: 8,
 	  			disableDefaultUI: true,
-	  			mapType: google.maps.MapTypeId.ROADMAP
-	  		});
-
-  			GoogleMaps.Views.LayoutView.prototype.initialize.call(this, options);
+	  			mapType: google.maps.MapTypeId.ROADMAP,
+	  			center: new google.maps.LatLng(0, 0)
+	  		}, (options.mapOptions ? options.mapOptions : {}));
 
   			if(!this.model) {
   				this.model = new Backbone.Model();