<?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>Fotomobil &#8211; Wochennotiz</title>
	<atom:link href="/blog/tag/fotomobil/feed/" rel="self" type="application/rss+xml" />
	<link>/</link>
	<description></description>
	<lastBuildDate>Mon, 11 Nov 2013 14:18:11 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.3</generator>
	<item>
		<title>WordPress – Bloggen mit OpenStreetMap Landkarten</title>
		<link>/blog/2010/10/wordpress-%e2%80%93-bloggen-mit-openstreetmap-landkarten/</link>
					<comments>/blog/2010/10/wordpress-%e2%80%93-bloggen-mit-openstreetmap-landkarten/#comments</comments>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Thu, 28 Oct 2010 23:04:55 +0000</pubDate>
				<category><![CDATA[Gastblog]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Fotomobil]]></category>
		<category><![CDATA[WordPress Plugin]]></category>
		<guid isPermaLink="false">/?p=656</guid>

					<description><![CDATA[Das Verorten von Fotos und Blogbeiträgen ist in den letzten Jahren Standard geworden, so bieten zum Beispiel alle professionellen Blogplattformen auch das Einbinden von Landkarten an &#8211; entweder in einer einfachen Form oder auch mit Routen und Markern, um in &#8230; <a href="/blog/2010/10/wordpress-%e2%80%93-bloggen-mit-openstreetmap-landkarten/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" class="alignleft" alt="WordPress OpenStreetMap plugin" src="/wp-uploads//2010/10/WP_OSM_Plugin.png" width="124" height="124" />Das Verorten von Fotos und Blogbeiträgen ist in den letzten Jahren Standard geworden, so bieten zum Beispiel alle professionellen Blogplattformen auch das Einbinden von Landkarten an &#8211; entweder in einer einfachen Form oder auch mit Routen und Markern, um in der Karte individuelle Information zu integrieren. Das <a title="WordPress OpenStreetMap Plugin" href="http://wp-osm-plugin.HanBlog.net/ " target="_blank">WordPress OpenStreetMap Plugin OSM</a> bietet für die aktuell vermutlich populärste Blogsoftware <a title="Bloggen mit WordPress" href="http://wordpress-deutschland.org/" target="_blank">WordPress</a> eine Möglichkeit selber Landkarten einfach einzubinden und Blogbeiträge zu verorten &#8211; ohne dass sich die/der BlogautorIn um den technischen Hintergrund kümmern muss.</p>
<h3>WordPress OSM Plugin &#8211; wie alles begann</h3>
<p>Im Juli 2004 hat <a title="Fotogrupper faktor" href="http://www.faktor.cc/">faktor </a>das offene Online-Fotoprojekt <a title="Online Fotoprojekt Fotomobil by faktor" href="http://www.Fotomobil.at/">www.Fotomobil.at</a> mit einem <a title="Erster Beitrag bei Fotomobil.at" href="http://www.Fotomobil.at/austria/gleisdorf" target="_blank">ersten Beitrag</a> gestartet &#8211; jeder hat dabei die Möglichkeit zu einem Ort ein Foto einzusenden, mit der einzigen Voraussetzung, dass man das Foto selbst gemacht hatte und der Ort noch nicht online ist. Die Seite war statisch aufgebaut und jeder Beitrag bedurfte manueller Änderungen in mehreren Seiten, z.B. eine Seite mit allen Fotografen, Ländern usw. Etwas versteckt ist diese alte Version <a title="Alte statische Fotomobil - Variante" href="http://www.faktor.cc/fotomobil_old/index_frame.shtml">hier</a> nach immer online.</p>
<p><a href="http://www.Fotomobil.lat/"><img loading="lazy" class="alignright" alt="Fotomobil Homepage with WordPress and OpenStreetMap" src="/wp-uploads/2010/10/Fotomobil_HP.png" width="450" height="300" /></a></p>
<p>Im März 2008 wurde der gesamte Inhalt in eine WordPress Datenbank portiert, ein Ort entsprach fortan einem Blogbeitrag mit den FotografenInnen als AutorInnen und dem Land als Kategorie. Der administrative Aufwand war nun wesentlich geringer als die reine HTML-Variante. Was noch fehlte war dem Blogbeitrag die geografischen Daten zuzuordnen, um sie dann auch in unterschiedlichen Formen auszuwerten &#8211; an dieser Stelle gab es die ersten Berührungspunkte mit OpenStreetMap &#8211; begeistert von der offenen Lizenz und der Tatsache, dass die Karte dank einer großen und sehr aktiven Community de facto <em>lebt</em>. Einzig, WordPress hatte noch keine Möglichkeit um OSM-Karten in der benötigten Form einzubinden. Nachdem ich erst direkt in den Blog meinen Code eingebunden hatte kamen bald Anfragen nach einem öffentlichem WordPress Plugin, bis Steve C. im März 2009 dann auf <a title="Bog von Steve C." href="http://http://www.opengeodata.org/?p=457">OpenGeoData</a> postet, dass ich die erste Version des Plugins unter der <a title="GNU Lizenz" href="http://www.gnu.de//documents/gpl.de.html">GNU General Public License</a> zum Download zur Verfügung gestellt habe &#8211; neben dem sprunghaften Anstieg der Zugriffsstatistik bei der Plugin-Seite kamen auch viele Rückmeldungen mit sehr konkreten Erweiterungsideen. Bei einer der letzten Plugin-Versionen kam die Darstellung von Google-Layern dazu &#8211; ohne API-Key. Einerseits gibt es kaum Alternativen wenn man etwa Satellitenbilder darstellen möchte und andererseits hat man nun direkt die Möglichkeit zwischen den einzelnen Kartentypen umzuschalten und auch für unterschiedliche Blogbeiträge jeweils den passenden Kartentyp zu wählen. An der Stelle natürlich auch die Vorfreude darauf die <a title="Artikel zu Luftbilder bei OpenStreetMap" href="/2010/10/luftbilder-fur-openstreetmap/">Luftbilder von Holger</a> über das OSM-Plugin zu sehen.<br />
Das Fotomobil.at Projekt läuft natürlich weiter und neue Beiträge sind stets willkommen!</p>
<h3>Keep it simple &#8211; weniger Plugin ist oft mehr Surfvergnügen</h3>
<p>Die Softwarearchitektur von WordPress entspricht den aktuellen Anforderungen von Bloggern, verleitet aber auch sich mehr als notwendig mit Plugins aus dem <a href="http://wordpress.org/extend/plugins/" target="_blank">Bauchladen</a> zu bedienen. Wer in seinem Blog zum Beispiel ausschließlich auf der Kontaktseite einen Anfahrtsplan darstellen möchte wird sich eigens dafür mit einem Plugin mehr Ballast als notwendig holen. Schließlich müssen nicht nur die Kartenbilder geladen werden, sondern auch die OpenLayers und OpenStreetMap Bibliotheken. In diesem Fall ist man also mit der <a title="OpenStreetMap Export Funktion" href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap Export Funktion</a> zum Generieren von Bilddateien eines Kartenausschnittes sicher besser beraten &#8211; das dann als einfaches Bild im Blog eingefügt wird!</p>
<p>Für das OpenStreetMap-Plugin sprechen individuelle Informationen in den Karten:</p>
<p><img loading="lazy" class="alignleft" alt="WordPress OpenStreetMap plugin" src="//wp-uploads//2010/10//WordPress_Osm_Plugin_CustomField.png" width="300" height="200" /></p>
<ul>
<li>wenn man die Blogbeiträge nach dem HTML-Standard verorten möchte um z.B. von Suchmaschinen entsprechend gefunden zu werden.</li>
<li>wenn man verortete Blogbeiträge via <a title="WordPress template tags" href="http://codex.wordpress.org/Template_Tags" target="_blank">templatetags</a> automatische mit Landkarten versehen möchte.</li>
<li>wenn man Routen als GPX oder KML Dateien in der Landkarte darstellen möchte</li>
<li>wenn man eine Liste von persönlichen Markern in der Karte darstellen möchte</li>
<li>wenn man eine Karte darstellen möchte, die automatisch alle Orte markiert, zu denen es einen Blogbeitrag gibt.</li>
<li>wenn der Leser eine slippy map „verdient“ hat.</li>
</ul>
<h3>Man muss es tun, um es zu fühlen</h3>
<p>Wer in WordPress eine OpenStreetMap-Karte einbinden möchte kommt mit dem benötigten Code nicht in „Berührung“, über eine interaktive Karte im Administratorbereich von WordPress wird die Karte den persönlichen Wünschen entsprechend justiert und per Klick auf die Karte der entsprechenden Shortcode generiert, der in eckigen Klammern &#8218;[]&#8216; direkt im Text eingefügt wird. Für die folgende Karte sieht das so aus:</p>
<p><span style="font-size: x-small;"><em><span style="font-size: small;">osm_map lat=&#8220;48.215&#8243; long=&#8220;16.4&#8243; zoom=&#8220;13&#8243; width=&#8220;600&#8243; height=&#8220;450&#8243; ov_map=&#8220;0&#8243; control=&#8220;scaleline,scale,mouseposition&#8220; gpx_file=&#8220;/wp-uploads//2010/10/WP_OSM_Plugin_Track.gpx_.txt&#8220; marker_file=/wp-uploads//2010/10/WP_OSM_Plugin_Marker.txt</span></em></span></p>
<link rel="stylesheet" type="text/css" href="/wp-content/plugins/osm//css/osm_map.css" /><style type="text/css">#map_1 {clear: both; padding: 0px; margin: 0px; border: 0px; width: 100%; height: 100%; margin-top:0px; margin-right:0px;margin-left:0px; margin-bottom:0px; left: 0px; border-radius:0px;
box-shadow: none;}#map_1 img{clear: both; padding: 0px; margin: 0px; border: 0px; width: 100%; height: 100%; position: absolute; margin-top:0px; margin-right:0px;margin-left:0px; margin-bottom:0px; border-radius:0px;
box-shadow: none;}</style><div id="map_1" class="OSM_Map" style="width:600px; height:450px; overflow:hidden;padding:0px;border:none;"><script type="text/javascript" src="/wp-content/plugins/osm/js/OL/2.13.1/OpenLayers.js?ver=2.13.1"></script><script type="text/javascript" src="/wp-content/plugins/osm/js/OSM/openlayers/OpenStreetMap.js"></script><script type="text/javascript" src="/wp-content/plugins/osm/js/osm-plugin-lib.js"></script><script type="text/javascript">/* <![CDATA[ */(function($) { OpenLayers.ImgPath = "/wp-content/plugins/osm/themes/ol/"; map_1 = new OpenLayers.Map ("map_1", {            controls:[              new OpenLayers.Control.Navigation(),              new OpenLayers.Control.PanZoom(),              new OpenLayers.Control.Attribution()              ],          maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),          maxResolution: 156543.0399,          numZoomLevels: 19,          units: "m",          projection: new OpenLayers.Projection("EPSG:900913"),          displayProjection: new OpenLayers.Projection("EPSG:4326")      } );var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");var layerCycle  = new OpenLayers.Layer.OSM.CycleMap("CycleMap");map_1.addLayers([layerMapnik, layerCycle]);map_1.addControl(new OpenLayers.Control.LayerSwitcher());map_1.addControl(new OpenLayers.Control.ScaleLine({geodesic: true}));map_1.addControl(new OpenLayers.Control.Scale({geodesic: true}));map_1.addControl(new OpenLayers.Control.MousePosition({displayProjection: new OpenLayers.Projection("EPSG:4326")}));layer_ov = new OpenLayers.Layer.OSM;var options = {layers: [layer_ov]};map_1.addControl(new OpenLayers.Control.OverviewMap(options));var lonLat = new OpenLayers.LonLat(16.4,48.215).transform(map_1.displayProjection, map_1.projection);map_1.setCenter (lonLat,13);  function osm_map_1onPopupClose(evt) {    select.unselectAll();  }  function osm_map_1onFeatureSelect(event) {    var feature = event.feature;    var content = "<b>"+feature.attributes.name + "</b> <br>" + feature.attributes.description;    if (content.search("<script") != -1) {       content = "Content contained Javascript! Escaped content below.<br>" + content.replace(/</g, "&lt;");    }    popup = new OpenLayers.Popup.FramedCloud("OSM Plugin",      feature.geometry.getBounds().getCenterLonLat(),        new OpenLayers.Size(200,100),        content,        null, true, osm_map_1onPopupClose);    popup.autoSize = true;    feature.popup = popup;    map_1.addPopup(popup);   }  function osm_map_1onFeatureUnselect(event) {    var feature = event.feature;    if(feature.popup) {      map_1.removePopup(feature.popup);      feature.popup.destroy();      delete feature.popup;    }     }  var lgml = new OpenLayers.Layer.Vector("/wp-uploads//2010/10/WP_OSM_Plugin_Track.gpx_.txt",{   strategies: [new OpenLayers.Strategy.Fixed()],	  protocol: new OpenLayers.Protocol.HTTP({	   url: "/wp-uploads//2010/10/WP_OSM_Plugin_Track.gpx_.txt",	   format: new OpenLayers.Format.GPX()	  }),    style: {strokeColor: "blue", strokeWidth: 5, strokeOpacity: 0.5},    projection: new OpenLayers.Projection("EPSG:4326")  });  map_1.addLayer(lgml);var pois = new OpenLayers.Layer.Text( "WP_OSM_Plugin_Marker",
               { location:"/wp-uploads//2010/10/WP_OSM_Plugin_Marker.txt",
                 projection: map_1.displayProjection
               });map_1.addLayer(pois);var lonLat = new OpenLayers.LonLat(16.4,48.215).transform(map_1.displayProjection, map_1.projection);map_1.setCenter (lonLat,13);})(jQuery)/* ]]&gt; */ </script></div>
<ul>
<li>Klickt man in der Karte auf  <img loading="lazy" class="alignnone" alt="OpenStreetMap Overviewmap Switcher" src="/wp-content/plugins/osm/icons/home.png" width="32" height="32" /> oder <img loading="lazy" class="alignnone" alt="OpenStreetMap Overviewmap Switcher" src="/wp-content/plugins/osm/icons/bicycling.png" width="32" height="19" />, bekommt man die Zusatzinfo aus dem <a title="Textfile für das OpenStreetMap plugin" href="/wp-uploads/2010/10/WP_OSM_Plugin_Marker.txt">Textfile</a>.</li>
<li>Klickt man in der Karte rechts oben auf das Icon <img loading="lazy" class="alignnone" alt="Layerswitcher bei OpenStreetMap" src="http://www.openlayers.org/api/img/layer-switcher-maximize.png" width="18" height="18" />, kann man den Kartentyp umschalten.</li>
<li>Klickt man in der Karte rechts unten auf das Icon <img loading="lazy" class="alignnone" alt="OpenStreetMap Overviewmap Switcher" src="http://www.openlayers.org/api/img/layer-switcher-maximize.png" width="18" height="18" />, bekommt man eine kleine Overviewmap.</li>
<li>Bei gedrückter Shifttaste kann man mit der Maus zoomen.</li>
<li>Wenn man die Maus in der Karte bewegt, kann man rechts unten in der Karte die Koordinaten sehen.</li>
<li>Die dargestellte Route ist händisch mit wenigen Zeilen erstellt und kann man <a title="GPX File " href="/wp-uploads/2010/10/WP_OSM_Plugin_Track.gpx_.txt">hier</a> ansehen.</li>
</ul>
<p>Daneben gibt es noch eine Vielzahl weiterer Möglichkeiten die detailliert auf der <a title="Wiki zum OpenStreetMap Plugin für WordPress" href="http://wiki.openstreetmap.org/wiki/Wp-osm-plugin">Wiki-Seite</a> angeführt sind.</p>
<h3>Links zum Plugin</h3>
<ul>
<li><a title="WordPress OSM Download" href="http://wordpress.org/extend/plugins/osm/" target="_blank">Download bei WordPress.org</a></li>
<li><a title="WordPress OpenStreetMap plugin" href="http://wp-osm-plugin.HanBlog.net/" target="_blank">Plugin-Seite mit Beispielen und Forum</a></li>
<li><a title="Wiki zu OSM WordPress Plugin" href="http://wiki.openstreetmap.org/wiki/Wp-osm-plugin" target="_blank">Wiki-Seite</a> mit Detailinformationen und einer Auswahl an Blogs die das OSM-Plugin verwenden</li>
<li><a href="http://www.HanBlog.net/" target="_blank">Blog des Entwicklers</a></li>
</ul>
]]></content:encoded>
					
					<wfw:commentRss>/blog/2010/10/wordpress-%e2%80%93-bloggen-mit-openstreetmap-landkarten/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
