Google Maps - Snippets - Versionsgeschichte

46.5.47.162: /* Link auf Google Maps Routenplaner */

2016-02-19T18:18:14Z

Link auf Google Maps Routenplaner

85.216.68.159: /* Link auf Google Maps Routenplaner */

2016-01-20T10:32:10Z

Link auf Google Maps Routenplaner

85.216.68.159: /* Link auf Google Maps Routenplaner */

2016-01-20T10:31:41Z

Link auf Google Maps Routenplaner

85.216.68.159: /* Link auf Google Maps Routenplaner */

2016-01-20T10:25:02Z

Link auf Google Maps Routenplaner

85.216.68.159 am 20. Januar 2016 um 10:05 Uhr

2016-01-20T10:05:56Z

37.49.33.84: /* Einfache Karte */

2015-05-18T14:19:48Z

Einfache Karte

37.49.33.84: /* Einfache Karte */

2015-05-18T14:17:22Z

Einfache Karte

37.49.33.84 am 3. November 2014 um 11:08 Uhr

2014-11-03T11:08:52Z

134.3.241.116: Die Seite wurde neu angelegt: „ == Zusätzliche Google Maps Libraries einbinden == Beispiel:

@@ Zeile 2: / Zeile 2: @@
 Beispiel einfacher Link:
   https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall
 Beispiel Button auf Google Karte:
 <syntaxhighlight lang="html5">

@@ Zeile 3: / Zeile 3: @@
   https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall
 Beispiel Button auf Google Karte:
-<pre>
+<syntaxhighlight lang="html5">
 <div class="gmroute" style="z-index: 30001;position: relative;height: 30px;right: 40px;top: 40px;">
    <a href="https://www.google.de/maps/dir//Am+Herrenberg+7-9+D-86932+Pürgen" target="_blank"  style="background-color: #5B5B5B;color:white; border: 1px solid #777;float: right;padding: 8px;">
@@ Zeile 9: / Zeile 9: @@
      </a>
 </div>
-</pre>
+</syntaxhighlight>
 == Einfache Karte ==

@@ Zeile 2: / Zeile 2: @@
 Beispiel einfacher Link:
   https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall
-Beispiel Button:
+Beispiel Button auf Google Karte:
 <pre>
-<div class="gmroute" style="z-index: 30001;position: relative;height: 24px;right: 10px;top: 40px;">
+<div class="gmroute" style="z-index: 30001;position: relative;height: 30px;right: 40px;top: 40px;">
-<a href="https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall" target="_blank"
+  <a href="https://www.google.de/maps/dir//Am+Herrenberg+7-9+D-86932+Pürgen" target="_blank"  style="background-color: #5B5B5B;color:white; border: 1px solid #777;float: right;padding: 8px;">
-style="background-color: #FFF;float: right;padding: 0px 4px;">
+    Route mit Google Maps planen.
-Route mit Google Maps planen.
+    </a>
 </div>
 </pre>

@@ Zeile 4: / Zeile 4: @@
 Beispiel Button:
 <pre>
-<a href="https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall" target="_blank" style="	background-color: #FFF;float: right;	padding: 0px 4px;">
+<div class="gmroute" style="z-index: 30001;position: relative;height: 24px;right: 10px;top: 40px;">
-  Route mit Google Maps planen.
+<a href="https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall" target="_blank"
 </a>
 </pre>

← Nächstältere Version		Version vom 20. Januar 2016, 10:05 Uhr
Zeile 1:		Zeile 1:
		+	== Link auf Google Maps Routenplaner ==
		+	Beispiel einfacher Link:
		+	https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall
		+	Beispiel Button:
		+	<pre>
		+	<a href="https://www.google.de/maps/dir//Rinckstr.+7-11+D-83435+Bad+Reichenhall" target="_blank" style=" background-color: #FFF;float: right; padding: 0px 4px;">
		+	Route mit Google Maps planen.
		+	</a>
		+	</pre>
		+
	== Einfache Karte ==		== Einfache Karte ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

@@ Zeile 1: / Zeile 1: @@
 == Einfache Karte ==
-<code>
+<syntaxhighlight lang="javascript">
 <!DOCTYPE html>
 <html>
@@ Zeile 34: / Zeile 34: @@
    </body>
 </html>
-</code>
+</syntaxhighlight>
 == Zusätzliche Google Maps Libraries einbinden ==

@@ Zeile 1: / Zeile 1: @@
 == Einfache Karte ==
-<pre>
+<code>
 <!DOCTYPE html>
-<head>
+<html>
-   <meta charset="utf-8">
+   <head>
-  <meta content='IE=8' http-equiv='X-UA-Compatible'>
+    <title>Simple Map</title>
-  <title></title>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
-  <meta name="viewport" content="width=device-width">
+    <meta charset="utf-8">
-  <style>
+    <style>
-    html, body, #map-canvas {
+      html, body, #map-canvas {
-      height: 100%;
+        height: 100%;
-      margin: 0px;
+        margin: 0px;
-      padding: 0px
+        padding: 0px
-−
+      }
-  </style>
+    </style>
-  <script src="https://maps.googleapis.com/maps/api/js?v=3.9"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
-  <script type="text/javascript">
+    <script>
-  	var map;
+var map;
-  	function initialize() {
+function initialize() {
-    	var mapOptions = {
+  var mapOptions = {
-      		zoom: 8,
+    zoom: 8,
-      	  	center: new google.maps.LatLng(-34.397, 150.644)
+    center: new google.maps.LatLng(-34.397, 150.644)
-    	};
+  };
-    	map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
+  map = new google.maps.Map(document.getElementById('map-canvas'),
+      mapOptions);
-	google.maps.event.addDomListener(window, 'load', initialize);
+google.maps.event.addDomListener(window, 'load', initialize);
-  </script>
-</head>
+    </script>
-<body>
+  </head>
-	<div id="map-canvas"></div>
+  <body>
-</body>
+    <div id="map-canvas"></div>
 </html>
-</pre>
+</code>
 == Zusätzliche Google Maps Libraries einbinden ==

← Nächstältere Version		Version vom 3. November 2014, 11:08 Uhr
Zeile 1:		Zeile 1:
		+	== Einfache Karte ==
		+	<pre>
		+	<!DOCTYPE html>
		+	<head>
		+	<meta charset="utf-8">
		+	<meta content='IE=8' http-equiv='X-UA-Compatible'>
		+	<title></title>
		+	<meta name="viewport" content="width=device-width">
		+	<style>
		+	html, body, #map-canvas {
		+	height: 100%;
		+	margin: 0px;
		+	padding: 0px
		+	}
		+	</style>
		+	<script src="https://maps.googleapis.com/maps/api/js?v=3.9"></script>
		+	<script type="text/javascript">
		+	var map;
		+	function initialize() {
		+	var mapOptions = {
		+	zoom: 8,
		+	center: new google.maps.LatLng(-34.397, 150.644)
		+	};
		+	map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
		+	}
		+
		+	google.maps.event.addDomListener(window, 'load', initialize);
		+	</script>
		+	</head>
		+	<body>
		+	<div id="map-canvas"></div>
		+	</body>
		+	</html>
		+	</pre>

	== Zusätzliche Google Maps Libraries einbinden ==		== Zusätzliche Google Maps Libraries einbinden ==