From 80e131ce4c066407d890716c1ba7ca03549f81c8 Mon Sep 17 00:00:00 2001
From: Matthias Schmidt <gravatronics@live.com>
Date: Thu, 21 Nov 2013 21:14:20 +0100
Subject: [PATCH] Adds Google Maps integration

---
 com.woltlab.wcf/option.xml                    |  65 +-
 .../templates/googleMapsJavaScript.tpl        |  19 +
 wcfsetup/install/files/js/WCF.Location.js     | 568 ++++++++++++++++++
 .../install/files/lib/util/MathUtil.class.php |  19 +
 wcfsetup/install/files/style/googleMaps.less  |   7 +
 wcfsetup/install/lang/de.xml                  |  14 +
 wcfsetup/install/lang/en.xml                  |  14 +
 7 files changed, 702 insertions(+), 4 deletions(-)
 create mode 100644 com.woltlab.wcf/templates/googleMapsJavaScript.tpl
 create mode 100644 wcfsetup/install/files/js/WCF.Location.js
 create mode 100644 wcfsetup/install/files/style/googleMaps.less

diff --git a/com.woltlab.wcf/option.xml b/com.woltlab.wcf/option.xml
index 344d433331..5c419f5b03 100644
--- a/com.woltlab.wcf/option.xml
+++ b/com.woltlab.wcf/option.xml
@@ -57,6 +57,9 @@
 					<category name="general.system.jquery">
 						<parent>general.system</parent>
 					</category>
+					<category name="general.system.googleMaps">
+						<parent>general.system</parent>
+					</category>
 				<category name="general.mail">
 					<parent>general</parent>
 				</category>
@@ -519,7 +522,61 @@ cloudflare:wcf.acp.option.jquery_source.cloudflare</selectoptions>
 			</option>
 			<!-- /general.system.jquery -->
 			
-			<!-- mail.general -->
+			<!-- general.system.googleMaps -->
+			<option name="google_maps_zoom">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>select</optiontype>
+				<defaultvalue>13</defaultvalue>
+				<selectoptions><![CDATA[1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17]]></selectoptions>
+			</option>
+			<option name="google_maps_type">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>select</optiontype>
+				<defaultvalue>hybrid</defaultvalue>
+				<selectoptions><![CDATA[map:wcf.acp.option.google_maps_type.map
+satellite:wcf.acp.option.google_maps_type.satellite
+hybrid:wcf.acp.option.google_maps_type.hybrid
+physical:wcf.acp.option.google_maps_type.physical]]></selectoptions>
+			</option>
+			<option name="google_maps_enable_scale_control">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>boolean</optiontype>
+				<defaultvalue>0</defaultvalue>
+			</option>
+			<option name="google_maps_enable_dragging">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>boolean</optiontype>
+				<defaultvalue>1</defaultvalue>
+			</option>
+			<option name="google_maps_enable_scroll_wheel_zoom">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>boolean</optiontype>
+				<defaultvalue>0</defaultvalue>
+			</option>
+			<option name="google_maps_enable_double_click_zoom">
+				<categoryname>general.system.googleMaps</categoryname>
+				<optiontype>boolean</optiontype>
+				<defaultvalue>1</defaultvalue>
+			</option>
+			<!-- /general.system.googleMaps -->
+			
+			<!-- general.mail.general -->
 			<option name="mail_from_name">
 				<categoryname>general.mail.general</categoryname>
 				<optiontype>text</optiontype>
@@ -541,9 +598,9 @@ cloudflare:wcf.acp.option.jquery_source.cloudflare</selectoptions>
 				<defaultvalue><![CDATA[]]></defaultvalue>
 				<supporti18n>1</supporti18n>
 			</option>
-			<!-- /mail.general -->
+			<!-- /general.mail.general -->
 			
-			<!-- mail.send -->
+			<!-- general.mail.send -->
 			<option name="mail_send_method">
 				<categoryname>general.mail.send</categoryname>
 				<optiontype>radioButton</optiontype>
@@ -584,7 +641,7 @@ debug:mail_debug_logfile_path,!mail_use_f_param,!mail_smtp_host,!mail_smtp_port,
 				<categoryname>general.mail.send</categoryname>
 				<optiontype>boolean</optiontype>
 			</option>
-			<!-- /mail.send -->
+			<!-- /general.mail.send -->
 			
 			<!-- general.cache -->
 			<option name="cache_source_type">
diff --git a/com.woltlab.wcf/templates/googleMapsJavaScript.tpl b/com.woltlab.wcf/templates/googleMapsJavaScript.tpl
new file mode 100644
index 0000000000..18c2692f9f
--- /dev/null
+++ b/com.woltlab.wcf/templates/googleMapsJavaScript.tpl
@@ -0,0 +1,19 @@
+<script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Location{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@$__wcfVersion}"></script>
+<script data-relocate="true" src="http://maps.google.com/maps/api/js?sensor=false&amp;language={@$__wcf->language->getFixedLanguageCode()}"></script>
+<script data-relocate="true">
+	//<![CDATA[
+	$(function() {
+		WCF.Location.GoogleMaps.Settings.set({
+			disableDoubleClickZoom: {if GOOGLE_MAPS_ENABLE_DOUBLE_CLICK_ZOOM}0{else}1{/if},
+			draggable: {@GOOGLE_MAPS_ENABLE_DRAGGING},
+			mapType: '{@GOOGLE_MAPS_TYPE}',
+			scaleControl: {@GOOGLE_MAPS_ENABLE_SCALE_CONTROL},
+			scrollwheel: {@GOOGLE_MAPS_ENABLE_SCROLL_WHEEL_ZOOM},
+			type: '{@GOOGLE_MAPS_TYPE}',
+			zoom: {@GOOGLE_MAPS_ZOOM}
+		});
+		
+		{event name='javascriptInit'}
+	});
+	//]]>
+</script>
diff --git a/wcfsetup/install/files/js/WCF.Location.js b/wcfsetup/install/files/js/WCF.Location.js
new file mode 100644
index 0000000000..fccbfa62aa
--- /dev/null
+++ b/wcfsetup/install/files/js/WCF.Location.js
@@ -0,0 +1,568 @@
+/**
+ * Location-related classes for WCF
+ * 
+ * @author	Matthias Schmidt
+ * @copyright	2001-2013 WoltLab GmbH
+ * @license	GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ */
+WCF.Location = { };
+
+/**
+ * Provides location-related utility functions.
+ */
+WCF.Location.Util = {
+	/**
+	 * Passes the user's current latitude and longitude to the given function
+	 * as parameters. If the user's current position cannot be determined,
+	 * undefined will be passed as both parameters.
+	 * 
+	 * @param	function	callback
+	 * @param	integer		timeout
+	 */
+	getLocation: function(callback, timeout) {
+		if (navigator.geolocation) {
+			navigator.geolocation.getCurrentPosition(function(position) {
+				callback(position.coords.latitude, position.coords.longitude);
+			}, function() {
+				callback(undefined, undefined);
+			}, {
+				timeout: timeout || 5000
+			});
+		}
+		else {
+			callback(undefined, undefined);
+		}
+	}
+};
+
+/**
+ * Namespace for Google Maps-related classes.
+ */
+WCF.Location.GoogleMaps = { };
+
+/**
+ * Handles the global Google Maps settings.
+ */
+WCF.Location.GoogleMaps.Settings = {
+	/**
+	 * Google Maps settings
+	 * @var	object
+	 */
+	_settings: { },
+	
+	/**
+	 * Returns the value of a certain setting or null if it doesn't exist.
+	 * 
+	 * If no parameter is given, all settings are returned.
+	 * 
+	 * @param	string		setting
+	 * @return	mixed
+	 */
+	get: function(setting) {
+		if (setting === undefined) {
+			return this._settings;
+		}
+		
+		if (this._settings[setting] !== undefined) {
+			return this._settings[setting];
+		}
+		
+		return null;
+	},
+	
+	/**
+	 * Sets the value of a certain setting.
+	 * 
+	 * @param	mixed		setting
+	 * @param	mixed		value
+	 */
+	set: function(setting, value) {
+		if ($.isPlainObject(setting)) {
+			for (var index in setting) {
+				this._settings[index] = setting[index];
+			}
+		}
+		else {
+			this._settings[setting] = value;
+		}
+	}
+};
+
+/**
+ * Handles a Google Maps map.
+ */
+WCF.Location.GoogleMaps.Map = Class.extend({
+	/**
+	 * map object for the displayed map
+	 * @var	google.maps.Map
+	 */
+	_map: null,
+	
+	/**
+	 * list of markers on the map
+	 * @var	array<google.maps.Marker>
+	 */
+	_markers: [ ],
+	
+	/**
+	 * Initalizes a new WCF.Location.Map object.
+	 * 
+	 * @param	string		mapContainerID
+	 * @param	object		mapOptions
+	 */
+	init: function(mapContainerID, mapOptions) {
+		this._mapContainer = $('#' + mapContainerID);
+		this._mapOptions = $.extend(true, this._getDefaultMapOptions(), mapOptions);
+		
+		this._map = new google.maps.Map(this._mapContainer[0], this._mapOptions);
+		this._markers = [ ];
+		
+		this.refresh();
+	},
+	
+	/**
+	 * Returns the default map options.
+	 * 
+	 * @return	object
+	 */
+	_getDefaultMapOptions: function() {
+		var $defaultMapOptions = { };
+		
+		// dummy center value
+		$defaultMapOptions.center = new google.maps.LatLng(52.517, 13.4); // Berlin
+		
+		// double click to zoom
+		$defaultMapOptions.disableDoubleClickZoom = WCF.Location.GoogleMaps.Settings.get('disableDoubleClickZoom');
+		
+		// draggable
+		$defaultMapOptions.draggable = WCF.Location.GoogleMaps.Settings.get('draggable');
+		
+		// map type
+		switch (WCF.Location.GoogleMaps.Settings.get('mapType')) {
+			case 'map':
+				$defaultMapOptions.mapTypeId = google.maps.MapTypeId.ROADMAP;
+			break;
+			
+			case 'satellite':
+				$defaultMapOptions.mapTypeId = google.maps.MapTypeId.SATELLITE;
+			break;
+			
+			case 'physical':
+				$defaultMapOptions.mapTypeId = google.maps.MapTypeId.TERRAIN;
+			break;
+			
+			case 'hybrid':
+			default:
+				$defaultMapOptions.mapTypeId = google.maps.MapTypeId.HYBRID;
+			break;
+		}
+		
+		/// map type controls
+		$defaultMapOptions.mapTypeControl = WCF.Location.GoogleMaps.Settings.get('mapTypeControl') != 'off';
+		if ($defaultMapOptions.mapTypeControl) {
+			switch (WCF.Location.GoogleMaps.Settings.get('mapTypeControl')) {
+				case 'dropdown':
+					$defaultMapOptions.mapTypeControlOptions = {
+						style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
+					};
+				break;
+				
+				case 'horizontalBar':
+					$defaultMapOptions.mapTypeControlOptions = {
+						style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
+					};
+				break;
+				
+				default:
+					$defaultMapOptions.mapTypeControlOptions = {
+						style: google.maps.MapTypeControlStyle.DEFAULT
+					};
+				break;
+			}
+		}
+		
+		// scale control
+		$defaultMapOptions.scaleControl = WCF.Location.GoogleMaps.Settings.get('scaleControl');
+		$defaultMapOptions.scrollwheel = WCF.Location.GoogleMaps.Settings.get('scrollwheel');
+		
+		// zoom
+		$defaultMapOptions.zoom = WCF.Location.GoogleMaps.Settings.get('zoom');
+		
+		return $defaultMapOptions;
+	},
+	
+	/**
+	 * Adds a draggable marker at the given position to the map and returns
+	 * the created marker object.
+	 * 
+	 * @param	float		latitude
+	 * @param	float		longitude
+	 * @return	google.maps.Marker
+	 */
+	addDraggableMarker: function(latitude, longitude) {
+		var $marker = new google.maps.Marker({
+			clickable: false,
+			draggable: true,
+			map: this._map,
+			position: new google.maps.LatLng(latitude, longitude)
+		});
+		
+		this._markers.push($marker);
+		
+		return $marker;
+	},
+	
+	/**
+	 * Adds a marker with the given data to the map and returns the created
+	 * marker object.
+	 * 
+	 * @param	float		latitude
+	 * @param	float		longitude
+	 * @param	string		title
+	 * @param	mixed		icon
+	 * @param	string		information
+	 * @return	google.maps.Marker
+	 */
+	addMarker: function(latitude, longitude, title, icon, information) {
+		var $marker = new google.maps.Marker({
+			map: this._map,
+			position: new google.maps.LatLng(latitude, longitude),
+			title: title
+		});
+		
+		// add icon
+		if (icon) {
+			$marker.setIcon(icon);
+		}
+		
+		// add info window for marker information
+		if (information) {
+			var $infoWindow = new google.maps.InfoWindow({
+				content: information
+			});
+			google.maps.event.addEventListemer($marker, 'click', $.proxy(function() {
+				$infoWindow.open(this._map, $marker);
+			}, this));
+		}
+		
+		this._markers.push($marker);
+		
+		return $marker;
+	},
+	
+	/**
+	 * Returns all markers on the map.
+	 * 
+	 * @return	array<google.maps.Marker>
+	 */
+	getMarkers: function() {
+		return this._markers;
+	},
+	
+	/**
+	 * Returns the Google Maps map object.
+	 * 
+	 * @return	google.maps.Map
+	 */
+	getMap: function() {
+		return this._map;
+	},
+	
+	/**
+	 * Refreshes the map.
+	 */
+	refresh: function() {
+		google.maps.event.trigger(this._map, 'resize');
+	},
+	
+	/**
+	 * Refreshes the boundaries of the map to show all markers.
+	 */
+	refreshBounds: function() {
+		var $minLatitude = null;
+		var $maxLatitude = null;
+		var $minLongitude = null;
+		var $maxLongitude = null;
+		
+		for (var $index in this._markers) {
+			var $marker = this._markers[$index];
+			var $latitude = $marker.getPosition().lat();
+			var $longitude = $marker.getPosition().lng();
+			
+			if ($minLatitude === null) {
+				$minLatitude = $maxLatitude = $latitude;
+				$minLongitude = $maxLongitude = $longitude;
+			}
+			else {
+				if ($minLatitude > $latitude) {
+					$minLatitude = $latitude;
+				}
+				else if ($maxLatitude < $latitude) {
+					$maxLatitude = $latitude;
+				}
+				
+				if ($minLongitude > $latitude) {
+					$minLongitude = $latitude;
+				}
+				else if ($maxLongitude < $longitude) {
+					$maxLongitude = $longitude;
+				}
+			}
+		}
+		
+		this._map.fitBounds(new google.maps.LatLngBounds(
+			new google.maps.LatLng($minLatitude, $minLongitude),
+			new google.maps.LatLng($maxLatitude, $maxLongitude)
+		));
+	},
+	
+	/**
+	 * Removes all markers from the map.
+	 */
+	removeMarkers: function() {
+		for (var $index in this._markers) {
+			this._markers[$index].setMap(null);
+		}
+		
+		this._markers = [ ];
+	},
+	
+	/**
+	 * Sets the center of the map to the given position.
+	 * 
+	 * @param	float		latitude
+	 * @param	float		longitude
+	 */
+	setCenter: function(latitude, longitude) {
+		this._map.setCenter(new google.maps.LatLng(latitude, longitude));
+	}
+});
+
+/**
+ * Provides location searches based on google.maps.Geocoder.
+ */
+WCF.Location.GoogleMaps.LocationSearch = WCF.Search.Base.extend({
+	/**
+	 * Google Maps geocoder object
+	 * @var	google.maps.Geocoder
+	 */
+	_geocoder: null,
+	
+	/**
+	 * @see	WCF.Search.Base.init()
+	 */
+	init: function(searchInput, callback, excludedSearchValues, commaSeperated, showLoadingOverlay) {
+		this._super(searchInput, callback, excludedSearchValues, commaSeperated, showLoadingOverlay);
+		
+		this._geocoder = new google.maps.Geocoder();
+	},
+	
+	/**
+	 * @see	WCF.Search.Base._createListItem()
+	 */
+	_createListItem: function(geocoderResult) {
+		var $listItem = $('<li><span>' + WCF.String.escapeHTML(geocoderResult.formatted_address) + '</span></li>').appendTo(this._list);
+		$listItem.data('location', geocoderResult.geometry.location).data('label', geocoderResult.formatted_address).click($.proxy(this._executeCallback, this));
+		
+		this._itemCount++;
+		
+		return $listItem;
+	},
+	
+	/**
+	 * @see	WCF.Search.Base._keyUp()
+	 */
+	_keyUp: function(event) {
+		// handle arrow keys and return key
+		switch (event.which) {
+			case 37: // arrow-left
+			case 39: // arrow-right
+				return;
+			break;
+			
+			case 38: // arrow up
+				this._selectPreviousItem();
+				return;
+			break;
+			
+			case 40: // arrow down
+				this._selectNextItem();
+				return;
+			break;
+			
+			case 13: // return key
+				return this._selectElement(event);
+			break;
+		}
+		
+		var $content = this._getSearchString(event);
+		if ($content === '') {
+			this._clearList(true);
+		}
+		else if ($content.length >= this._triggerLength) {
+			this._clearList(false);
+			
+			this._geocoder.geocode({
+				address: $content
+			}, $.proxy(this._success, this));
+		}
+		else {
+			// input below trigger length
+			this._clearList(false);
+		}
+	},
+	
+	/**
+	 * Handles a successfull geocoder request.
+	 * 
+	 * @param	array		results
+	 * @param	integer		status
+	 */
+	_success: function(results, status) {
+		if (status != google.maps.GeocoderStatus.OK) {
+			return;
+		}
+		
+		if ($.getLength(results)) {
+			var $count = 0;
+			for (var $index in results) {
+				this._createListItem(results[$index]);
+				
+				if (++$count == 10) {
+					break;
+				}
+			}
+		}
+		else if (!this._handleEmptyResult()) {
+			return;
+		}
+		
+		WCF.CloseOverlayHandler.addCallback('WCF.Search.Base', $.proxy(function() { this._clearList(); }, this));
+		
+		var $containerID = this._searchInput.parents('.dropdown').wcfIdentify();
+		if (!WCF.Dropdown.getDropdownMenu($containerID).hasClass('dropdownOpen')) {
+			WCF.Dropdown.toggleDropdown($containerID);
+		}
+		
+		// pre-select first item
+		this._itemIndex = -1;
+		if (!WCF.Dropdown.getDropdown($containerID).data('disableAutoFocus')) {
+			this._selectNextItem();
+		}
+	}
+});
+
+/**
+ * Handles setting a single location on a Google Map.
+ */
+WCF.Location.GoogleMaps.LocationInput = Class.extend({
+	/**
+	 * location search object
+	 * @var	WCF.Location.GoogleMaps.LocationSearch
+	 */
+	_locationSearch: null,
+	
+	/**
+	 * related map object
+	 * @var	WCF.Location.GoogleMaps.Map
+	 */
+	_map: null,
+	
+	/**
+	 * draggable marker to set the location
+	 * @var	google.maps.Marker
+	 */
+	_marker: null,
+	
+	/**
+	 * Initializes a new WCF.Location.GoogleMaps.LocationInput object.
+	 * 
+	 * @param	string		mapContainerID
+	 * @param	object		mapOptions
+	 * @param	string		searchInput
+	 * @param	function	callback
+	 */
+	init: function(mapContainerID, mapOptions, searchInput, latitude, longitude) {
+		this._searchInput = searchInput;
+		this._map = new WCF.Location.GoogleMaps.Map(mapContainerID, mapOptions);
+		this._locationSearch = new WCF.Location.GoogleMaps.LocationSearch(searchInput, $.proxy(this._setMarkerByLocation, this));
+		
+		if (latitude && longitude) {
+			this._marker = this._map.addDraggableMarker(latitude, longitude);
+		}
+		else {
+			this._marker = this._map.addDraggableMarker(0, 0);
+			
+			WCF.Location.Util.getLocation($.proxy(function(latitude, longitude) {
+				WCF.Location.GoogleMaps.Util.moveMarker(this._marker, latitude, longitude);
+			}, this));
+		}
+	},
+	
+	/**
+	 * Returns the related map.
+	 * 
+	 * @return	WCF.Location.GoogleMaps.Map
+	 */
+	getMap: function() {
+		return this._map;
+	},
+	
+	/**
+	 * Returns the draggable marker used to set the location.
+	 * 
+	 * @return	google.maps.Marker
+	 */
+	getMarker: function() {
+		return this._marker;
+	},
+	
+	/**
+	 * Sets the marker based on an entered location.
+	 * 
+	 * @param	object		data
+	 */
+	_setMarkerByLocation: function(data) {
+		this._marker.setPosition(data.location);
+		WCF.Location.GoogleMaps.Util.focusMarker(this._marker);
+		
+		$(this._searchInput).val('');
+	}
+});
+
+/**
+ * Provides utility functions for Google Maps maps.
+ */
+WCF.Location.GoogleMaps.Util = {
+	/**
+	 * Focuses the given marker's map on the marker.
+	 * 
+	 * @param	google.maps.Marker	marker
+	 */
+	focusMarker: function(marker) {
+		marker.getMap().setCenter(marker.getPosition());
+	},
+	
+	/**
+	 * Returns the latitude and longitude of the given marker.
+	 * 
+	 * @return	object
+	 */
+	getMarkerPosition: function(marker) {
+		return {
+			latitude: marker.getPosition().lat(),
+			longitude: marker.getPosition().lng()
+		};
+	},
+	
+	/**
+	 * Moves the given marker to the given position.
+	 * 
+	 * @param	google.maps.Marker		marker
+	 * @param	float				latitude
+	 * @param	float				longitude
+	 */
+	moveMarker: function(marker, latitude, longitude) {
+		marker.setPosition(new google.maps.LatLng(latitude, longitude));
+	},
+};
diff --git a/wcfsetup/install/files/lib/util/MathUtil.class.php b/wcfsetup/install/files/lib/util/MathUtil.class.php
index 56e7f8e55a..daef682a1c 100644
--- a/wcfsetup/install/files/lib/util/MathUtil.class.php
+++ b/wcfsetup/install/files/lib/util/MathUtil.class.php
@@ -24,5 +24,24 @@ final class MathUtil {
 		return (($min !== null && $max !== null) ? mt_rand($min, $max) : mt_rand());
 	}
 	
+	/**
+	 * Transforms the given latitude and longitude into cartesion coordinates
+	 * (x, y, z).
+	 * 
+	 * @param	float		$latitude
+	 * @param	float		$longitude
+	 * @return	array<float>
+	 */
+	public static function latitudeLongitudeToCartesian($latitude, $longitude) {
+		$lambda = $longitude * pi() / 180;
+		$phi = $latitude * pi() / 180;
+		
+		return array(
+				6371 * cos($phi) * cos($lambda),	// x
+				6371 * cos($phi) * sin($lambda),	// y
+				6371 * sin($phi)			// z
+		);
+	}
+	
 	private function __construct() { }
 }
diff --git a/wcfsetup/install/files/style/googleMaps.less b/wcfsetup/install/files/style/googleMaps.less
new file mode 100644
index 0000000000..e4e4923ff5
--- /dev/null
+++ b/wcfsetup/install/files/style/googleMaps.less
@@ -0,0 +1,7 @@
+.googleMap {
+	height: 400px;
+}
+
+.sidebarGoogleMap {
+	height: 250px;
+}
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index 047e6333fa..d6449d7e90 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -861,6 +861,20 @@ WBB=WoltLab Burning Board<br />
 GmbH=Gesellschaft mit beschränkter Haftung]]></item>
 		<item name="wcf.acp.option.users_online_record_no_guests"><![CDATA[Nur registrierte Benutzer im Benutzer-Online-Rekord zählen]]></item>
 		<item name="wcf.acp.option.users_online_enable_legend"><![CDATA[Legende der Benutzergruppen anzeigen]]></item>
+		<item name="wcf.acp.option.category.general.system.googleMaps"><![CDATA[Google Maps]]></item>
+		<item name="wcf.acp.option.google_maps_zoom"><![CDATA[Karten-Zoom]]></item>
+		<item name="wcf.acp.option.google_maps_zoom.description"><![CDATA[Standard-Einstellung des Karten-Zooms]]></item>
+		<item name="wcf.acp.option.google_maps_type"><![CDATA[Karten-Typ]]></item>
+		<item name="wcf.acp.option.google_maps_type.description"><![CDATA[Standard-Einstellung des Karten-Typs]]></item>
+		<item name="wcf.acp.option.google_maps_type.hybrid"><![CDATA[Hybrid]]></item>
+		<item name="wcf.acp.option.google_maps_type.map"><![CDATA[Karte]]></item>
+		<item name="wcf.acp.option.google_maps_type.satellite"><![CDATA[Satellit]]></item>
+		<item name="wcf.acp.option.google_maps_type.physical"><![CDATA[Gelände]]></item>
+		<item name="wcf.acp.option.google_maps_enable_scale_control"><![CDATA[Karten-Maßstab anzeigen]]></item>
+		<item name="wcf.acp.option.google_maps_enable_dragging"><![CDATA[Ziehen der Karte zulassen]]></item>
+		<item name="wcf.acp.option.google_maps_enable_dragging.description"><![CDATA[Sie können die Karte durch das Gedrückthalten der linken Maustaste verschieben.]]></item>
+		<item name="wcf.acp.option.google_maps_enable_scroll_wheel_zoom"><![CDATA[Zoom durch Mausrad zulassen]]></item>
+		<item name="wcf.acp.option.google_maps_enable_double_click_zoom"><![CDATA[Zoom durch Doppelklick zulassen]]></item>
 	</category>
 	
 	<category name="wcf.acp.package">
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index 02bd1e7f9e..5e034471f1 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -861,6 +861,20 @@ WBB=WoltLab Burning Board<br />
 GmbH=Gesellschaft mit beschränkter Haftung]]></item>
 		<item name="wcf.acp.option.users_online_enable_legendusers_online_record_no_guests"><![CDATA[Exclude guests from user online record]]></item>
 		<item name="wcf.acp.option.users_online_enable_legend"><![CDATA[Display legend for “Users Online” list]]></item>
+		<item name="wcf.acp.option.category.general.system.googleMaps"><![CDATA[Google Maps]]></item>
+		<item name="wcf.acp.option.google_maps_zoom"><![CDATA[Map Zoom]]></item>
+		<item name="wcf.acp.option.google_maps_zoom.description"><![CDATA[Default map zoom]]></item>
+		<item name="wcf.acp.option.google_maps_type"><![CDATA[Map Type]]></item>
+		<item name="wcf.acp.option.google_maps_type.description"><![CDATA[Default map type]]></item>
+		<item name="wcf.acp.option.google_maps_type.hybrid"><![CDATA[Hybrid]]></item>
+		<item name="wcf.acp.option.google_maps_type.map"><![CDATA[Map]]></item>
+		<item name="wcf.acp.option.google_maps_type.satellite"><![CDATA[Satellite]]></item>
+		<item name="wcf.acp.option.google_maps_type.physical"><![CDATA[Terrain]]></item>
+		<item name="wcf.acp.option.google_maps_enable_scale_control"><![CDATA[Show Map Scale]]></item>
+		<item name="wcf.acp.option.google_maps_enable_dragging"><![CDATA[Enable Map Dragging]]></item>
+		<item name="wcf.acp.option.google_maps_enable_dragging.description"><![CDATA[You can move the map by keeping the left button of your mouse pressed.]]></item>
+		<item name="wcf.acp.option.google_maps_enable_scroll_wheel_zoom"><![CDATA[Enable Zoom by Scroll Wheel]]></item>
+		<item name="wcf.acp.option.google_maps_enable_double_click_zoom"><![CDATA[Enable Zoom by Double-Clicking]]></item>
 	</category>
 	
 	<category name="wcf.acp.package">
-- 
2.20.1