<?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>Familie Lütke &#187; Skobbler</title>
	<atom:link href="http://blog.familieluetke.de/tag/skobbler/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.familieluetke.de</link>
	<description>von uns für euch</description>
	<lastBuildDate>Sun, 27 Nov 2011 21:45:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>OpenStreetMap in WordPress verwenden</title>
		<link>http://blog.familieluetke.de/hitech/openstreetmap-in-wordpress-verwenden/</link>
		<comments>http://blog.familieluetke.de/hitech/openstreetmap-in-wordpress-verwenden/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 20:42:44 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[hitech]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Josm]]></category>
		<category><![CDATA[OpenStreetMap]]></category>
		<category><![CDATA[OSM]]></category>
		<category><![CDATA[Skobbler]]></category>
		<category><![CDATA[Trails]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.familieluetke.de/?p=371</guid>
		<description><![CDATA[Angeregt durch den Wechsel der iPhone Anwendung Skobbler von NavTeq auf OpenStreetMap (OSM) Karten und die Tatsache, daß meine alte Heimat Süderlügum dort nur sehr dürftig kartografiert war, habe ich mich in letzter Zeit mit dem Thema OpenStreetMap eingehender befaßt. Ziel war es, unter Verwendung des im iPhone eingebauten GPS Empfängers, zum Teil unterstützt vom [...]]]></description>
			<content:encoded><![CDATA[<p>Angeregt durch den Wechsel der <a href="http://www.apple.com/de/iphone/" target="_blank">iPhone </a>Anwendung <a href="http://beta.skobbler.de/" target="_blank">Skobbler</a> von <a href="http://www.navteq.com/" target="_blank">NavTeq</a> auf <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap </a>(OSM) Karten und die Tatsache, daß meine alte Heimat <a href="http://www.suederluegum.de/" target="_blank">Süderlügum </a>dort nur sehr dürftig kartografiert war, habe ich mich in letzter Zeit mit dem Thema OpenStreetMap eingehender befaßt.</p>
<p>Ziel war es, unter Verwendung des im iPhone eingebauten GPS Empfängers, zum Teil unterstützt vom <a href="http://www.tomtom.com/products/product.php?ID=939&amp;Lid=3&amp;Category=" target="_blank" class="broken_link">TomTom Carkit</a> und der Anwendung <a href="http://trails.lamouroux.de/gps-tracking-fer-iphone.html" target="_blank">Trails </a><a href="http://de.wikipedia.org/wiki/Track_%28GPS%29" target="_blank">GPS Tracks</a> aufzuzeichnen, damit die Karte des Ortes in OpenStreetMap zu ergänzen und einen kleinen Beitrag meinerseits zum globalen Werk zu leisten.</p>
<p>Das ganze Projekt gestaltete sich recht unproblematisch. Ein Zugang bei OpenStreetMap, der das Hochladen der GPS Tracks  ermöglichte, war schnell erstellt. Dieser erlaubt ebenso das Bearbeiten der globalen Karte. Zum editieren der Karte selber habe ich die freie Software <a href="http://josm.openstreetmap.de/" target="_blank">Josm </a>verwendet. Diese unterstützt die Darstellung mehrerer Ebenen, z.B. eine für den GPS Track und eine weitere für die eigentliche Karte. Zusammen mit der sehr guten <a href="http://wiki.openstreetmap.org/wiki/DE:Howto_Map_A" target="_blank">OSM Dokumentation</a> fiel das Nachzeichnen der Tracks leicht.</p>
<p>Zur Darstellung der OSM Karte kann das <a href="http://de.wikipedia.org/wiki/OSM_%28Plugin%29" target="_blank">WordPress OSM Plugin</a> verwendet werden. Hierfür sei insbesondere auf die Anleitung im <a href="http://wiki.openstreetmap.org/wiki/Wp-osm-plugin" target="_blank">OSM Wiki</a> verwiesen.</p>
<p>Da sich GPS Tracks nicht ohne weiteres in WordPress hochladen lassen, muss mit einem <a href="http://wordpress.org/extend/plugins/pjw-mime-config/" target="_blank">MIME Type Plugin</a> der <a href="http://de.selfhtml.org/diverses/mimetypen.htm" target="_blank">Mime-Type</a> (application/xml) zu den in WordPress erlaubten Typen hinzugefügt werden. Dann klappt es auch mit dem Hochladen von *.gpx Dateien.</p>
<p>Hier unten nun das fertige Beispiel mit GPS Track und eingebetteten Bildern. Ein Klick auf die blauen Markierungen zeigt ein Bild mit Überschrift an der jeweiligen Position, ein weiterer Klick auf diese läßt das Bild wieder verschwinden.</p>
<p>Leider ist hier im Blog die Karte gekachelt dargestellt mit entsprechender Verschiebung des GPS Tracks. Vielleicht hat einer von euch einen Rat, wie dies behoben werden kann. UPDATE: Wie unschwer unten zu sehen hat sich dies Problem mit OSM Version 0.9.2 erledigt.</p>
<style type="text/css">.entry .olMapViewport img {max-width: none; max-height: none;}.entry-content img, .widget img {max-width: none; max-height: none;}.olControlAttribution {bottom: 0 !important;}div.olControlMousePosition {bottom: 1em !important;}#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;}#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;}</style><div id="map_1" style="width:500px; height:400px; overflow:hidden;padding:0px;border:none;"><script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script><script type="text/javascript" src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script><script type="text/javascript">/* <![CDATA[ */(function($) { map = 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 lmap = new OpenLayers.Layer.OSM.Osmarender("Osmarender");var layerOSM_Attr = new OpenLayers.Layer.Vector("OSM-plugin",{attribution:"<a href=\"http://www.Fotomobil.at/wp-osm-plugin\">OSM plugin</a>"});map.addLayers([lmap, layerOSM_Attr]);    function osm_getTileURL(bounds) {        var res = this.map.getResolution();        var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));        var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));        var z = this.map.getZoom();        var limit = Math.pow(2, z);        if (y < 0 || y >= limit) {            return OpenLayers.Util.getImagesLocation() + "404.png";        } else {            x = ((x % limit) + limit) % limit;            return this.url + z + "/" + x + "/" + y + "." + this.type;        }    }var lonLat = new OpenLayers.LonLat(8.899,54.872).transform(map.displayProjection,  map.projection);map.setCenter (lonLat,14);  var lgml = new OpenLayers.Layer.GML("Suederluegum-West-Walk", "http://blog.familieluetke.de/wp-content/uploads/2010/04/Suederluegum-West-Walk.gpx", {    format: OpenLayers.Format.GPX,    style: {strokeColor: "blue", strokeWidth: 5, strokeOpacity: 0.5},    projection: new OpenLayers.Projection("EPSG:4326")  });  map.addLayer(lgml);var pois = new OpenLayers.Layer.Text( "Suederluegum-West-Walk",        { location:"http://blog.familieluetke.de/wp-content/uploads/2010/04/Suederluegum-West-Walk.txt",          projection: map.displayProjection        });map.addLayer(pois);})(jQuery)/* ]]&gt; */ </script></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.familieluetke.de/hitech/openstreetmap-in-wordpress-verwenden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

