<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>KS Webdesign - Der Blog &#187; Homepage</title>
	<atom:link href="http://webdesign-passau.com/wordpress/tag/homepage/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign-passau.com/wordpress</link>
	<description></description>
	<lastBuildDate>Wed, 18 Jan 2012 13:08:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Google Maps per iframe in Homepage einbinden</title>
		<link>http://webdesign-passau.com/wordpress/google-maps-iframe-homepage/</link>
		<comments>http://webdesign-passau.com/wordpress/google-maps-iframe-homepage/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 10:48:36 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Webarbeit]]></category>
		<category><![CDATA[einbinden]]></category>
		<category><![CDATA[Google Maps]]></category>
		<category><![CDATA[Homepage]]></category>
		<category><![CDATA[iframe]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=485</guid>
		<description><![CDATA[Mit einem iframe Google Maps in eure Homepage einzubinden ist relativ einfach. Dabei sind nur ein paar Kleinigkeiten zu beachten: Bitte verwendet diese Technik zur Einbindung von Google Maps nur für eure privaten Seiten und nicht für gewerbliche Websites! Zuerst &#8230; <a href="http://webdesign-passau.com/wordpress/google-maps-iframe-homepage/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Mit einem <code>iframe</code> <a href="http://maps.google.de/maps" title="Externer Link">Google Maps</a> in eure Homepage einzubinden ist relativ einfach. Dabei sind nur ein paar Kleinigkeiten zu beachten:<span id="more-485"></span></p>
<p class="abstandoben2"><strong>Bitte verwendet diese Technik zur Einbindung von Google Maps nur für eure privaten Seiten und nicht für gewerbliche Websites!</strong></p>
<p class="abstandoben2">Zuerst braucht ihr ein <a href="https://www.google.com/accounts/NewAccount?continue=http%3A%2F%2Fwww.google.de%2F&#038;hl=de" title="Externer Link">Google Konto</a>, welches ihr in der Google-Maske oben rechts unter dem Menüpunkt <em>Anmelden</em> und dann unter <em>Legen Sie jetzt ein Konto an</em> erledigen könnt.</p>
<p>Unter <em>Mein Konto</em> könnt ihr bei dem Punkt <em>Maps</em> <em>Eigene Karten</em> anlegen. Wollt ihr für euer Unternehmen so ein blaues Fähnchen mit dem Standort eurer Firma in <em>Google Maps</em> meldet Ihr euch beim <a href="https://www.google.com/accounts/ServiceLogin?hl=de&#038;service=lbc" title="Externer Link">Lokalen Branchencenter</a> an. Das kann ein paar Tage dauern, wenn ihr den Weg über die Postkarte mit dem Verifizierungscode wählt.</p>
<p class="abstandoben abstandunten0">Habt ihr das erledigt besucht euren <em>Google Account</em> und geht dort bei <em>Maps</em> auf <em>Meine Karten</em>. Auf der linken Seiten könnt ihr im darauffolgenden Fenster normalerweise den Namen eurer Karte anklicken.</p>
<p>Die Karte mit eurem zentrierten Fähnchen sollte nun erscheinen.</p>
<p class="abstandunten0">Oben rechts den Menüpunkt <em>Links</em> anklicken und im sich öffnenden Fenster <em>Eingebettete Karte anpassen und Vorschau anzeigen</em> auswählen.</p>
<p> Es öffnet sich ein neues Fenster, wo ihr die Kartengröße anpaßt und weiter unten den entsprechenden Code herauskopiert und an geeigneter Stelle in eurer Dokument einfügt.</p>
<p class="abstandunten0 abstandoben2">Der Code schaut ungefähr so aus:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;iframe width=&quot;425&quot; height=&quot;350&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; marginheight=&quot;0&quot; marginwidth=&quot;0&quot; src=&quot;http://maps.google.com/maps/ms?hl=de&amp;amp;ie=UTF8&amp;amp;msa=0&amp;amp;msid=101716536245083691146.000470b73c676706d98d9&amp;amp;ll=48.570745,13.474919&amp;amp;spn=0.002485,0.00456&amp;amp;z=17&amp;amp;output=embed&quot;&gt;&lt;/iframe&gt;&lt;br /&gt;</code></li>
<li><code>&lt;small&gt;&lt;a href=&quot;http://maps.google.com/maps/ms?hl=de&amp;amp;ie=UTF8&amp;amp;msa=0&amp;amp;msid=101716536245083691146.000470b73c676706d98d9&amp;amp;ll=48.570745,13.474919&amp;amp;spn=0.002485,0.00456&amp;amp;z=17&amp;amp;source=embed&quot; style=&quot;color:#0000FF;text-align:left&quot;&gt;KS Webdesign&lt;/a&gt; auf einer größeren Karte anzeigen&lt;/small&gt;</code></li>
</ul>
</div>
<p>Sehr praktisch finde ich das man nur das Fähnchen anklicken muss, damit sich ein kleines Popup mit der Anschrift öffnet. Unter <em>Route berechnen: Hierher</em> gibt man nur die Startadresse ein und einer Routenberechnung steht nichts mehr im Wege.</p>
<p class="abstandoben2">Habt ihr einen <a href="http://www.carsten-protsch.de/zwischennetz/doctype/einleitung.html" title="Externer Link">Strict-Doctype</a> ist die Seite nicht mehr valide, weil da keine <code>iframes</code> erlaubt sind. In diesem Fall ändert ihr den Doctype einfach auf <em>Transitional</em>.</p>
<p class="abstandunten0 abstandoben">An der zweiten Codezeile würde ich noch ein paar Modifikationen vornehmen:</p>
<p><code>small</code> gegen <code>p</code> austauschen und die <em>Inline-Styles</em> entfernen, damit eure normalen Formatierungen wieder greifen.</p>
<p>Grundsätzlich kann ich <code>iframes</code> nicht ausstehen, aber manchmal ist ein gesunder Pragmatismus auch nicht verkehrt.</p>
<p class="abstandoben"><strong>Update: seit kurzem (01.10.2011 ?) funktioniert das Einbetten von Google Maps per iFrame im Internet Explorer (IE7) NICHT mehr.</strong> Die Karte wird angezeigt, aber nicht der Standort und es gibt einen Javascript-Fehler.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/google-maps-iframe-homepage/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>

