<?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>KML &#8211; Wochennotiz</title>
	<atom:link href="/blog/tag/kml/feed/" rel="self" type="application/rss+xml" />
	<link>/</link>
	<description></description>
	<lastBuildDate>Fri, 31 May 2013 16:20:44 +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>Reiseblogs und Individualisierung mit der V2.0 des WordPress OSM Plugin</title>
		<link>/blog/2013/05/reiseblogs-und-individualisierung-mit-der-v2-0-des-wordpress-osm-plugin/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Fri, 31 May 2013 16:20:44 +0000</pubDate>
				<category><![CDATA[Gastblog]]></category>
		<category><![CDATA[GPX]]></category>
		<category><![CDATA[KML]]></category>
		<category><![CDATA[OpenLayers]]></category>
		<category><![CDATA[POI]]></category>
		<category><![CDATA[Reiseroute]]></category>
		<guid isPermaLink="false">/?p=6368</guid>

					<description><![CDATA[In diesem Monat feiert WordPress das 10 Jahresjubiläum &#8211; vor genau vier Jahren ist das WordPress OpenStreetMap Plugin online gegangen &#8211; als Version 0.8.5. Mit der aktuellen Version 2.0 des WP OSM Plugins findet nun wieder eine Anpassung an die &#8230; <a href="/blog/2013/05/reiseblogs-und-individualisierung-mit-der-v2-0-des-wordpress-osm-plugin/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
										<content:encoded><![CDATA[<p>In diesem Monat feiert <a title="WordPress Deutschland" href="http://wpde.org/" target="_blank">WordPress</a> das 10 Jahresjubiläum &#8211; vor genau vier Jahren ist das <a title="Wordpress OpenStreetMap plugin Download" href="http://wordpress.org/plugins/osm/" target="_blank">WordPress OpenStreetMap Plugin</a> online gegangen &#8211; als Version 0.8.5. Mit der aktuellen Version 2.0 des WP OSM Plugins findet nun wieder eine Anpassung an die Veränderungen in dieser Zeit statt. Mit einer exlusiven und adaptiven <a title="Wordpress OpenStreetMap plugin" href="http://wp-osm-plugin.HanBlog.net/" target="_blank">OSM Plugin-Seite</a> reagiert man nicht nur auf die mobilen Geräte, sondern räumt auch der Dokumentation mit Kartenbeispielen mehr Raum ein. Das OSM Plugin selbst wurde vor allem im Bezug auf den Workflow herausgeputzt. Mit OSM Control Themes und dem Shortcode Generator direkt beim Schreiben von Blogbeiträgen sollen neben den neuen Features vor allem auch die vorhanden Features leichter nutzbar sein.</p>
<p><strong>Home Sweet Home &#8211; neue OSM WordPress Plugin Seite</strong></p>
<p>Zur Entstehung des OSM Plugin gibt es <a title="WordPress OSM Plugin Artikel" href="/2010/10/wordpress-%E2%80%93-bloggen-mit-openstreetmap-landkarten/">hier</a> schon einen Bericht. Die OSM Plugin Seite ist nun vom Fotoprojekt <a title="offenes Fotoprojekt" href="http://www.Fotomobil.at/" target="_blank">Fotomobil.at</a> zu einer eigenen exklusiven Seite übergesiedelt:</p>
<p style="text-align: center"><a title="WordPress OpenStreetMap Plugin" href="http://WP-OSM-Plugin.HanBlog.net/">WP-OSM-Plugin.HanBlog.net </a></p>
<p>Neben einem Blog findet sich dort vor allem auch ein Bereich für Beispiele, wie man das Plugin in die eigene Seite einbinden kann.</p>
<p><strong>Simplification &#8211; Kartenerstellen direkt beim Beitragschreiben</strong></p>
<p>Die OpenStreetMap Karten werden über <a title="WordPress OSM Plugin Shortcodes" href="http://wp-osm-plugin.hanblog.net/shortcode-arguments/" target="_blank">OSM Shortcodes</a> in den Artikel eingetragen &#8211; bislang konnte man diese im Blogbackend unter Settings=&gt;OSM generieren. Mit der V2.0 gibt es nun direkt beim Schreiben des Beitrages einen Shortcode Generator mit vordefinierten OSM Themes (Controls und Kartenrand) und einer Dropdownbox für die Markerauswahl.</p>
<div id="attachment_6402" style="width: 310px" class="wp-caption alignnone"><a href="/wp-uploads//2013/05/WP_OSM_Plugin_Generator_02.png"><img aria-describedby="caption-attachment-6402" class="size-medium wp-image-6402" alt="WordPress OpenStreetMap Plugin OSM Shortcode Generator" src="/wp-uploads//2013/05/WP_OSM_Plugin_Generator_02-300x221.png" width="300" height="221" srcset="/wp-uploads/2013/05/WP_OSM_Plugin_Generator_02-300x221.png 300w, /wp-uploads/2013/05/WP_OSM_Plugin_Generator_02.png 473w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-6402" class="wp-caption-text">WordPress OpenStreetMap Plugin OSM Shortcode Generator</p></div>
<p>Zur Auswahl stehen aktuell drei OSM Themes in den Farben Blau, Schwarz und Orange. Das Theme kann für jede Karte extra gesetzt werden:</p>
<div id="attachment_6401" style="width: 310px" class="wp-caption alignnone"><a href="/wp-uploads//2013/05/WP_OSM_Plugin_Control_theme_01.png"><img aria-describedby="caption-attachment-6401" loading="lazy" class="size-medium wp-image-6401" alt="WordPress OpenStreetMap Plugin OSM - Control Themes" src="/wp-uploads//2013/05/WP_OSM_Plugin_Control_theme_01-300x118.png" width="300" height="118" srcset="/wp-uploads/2013/05/WP_OSM_Plugin_Control_theme_01-300x118.png 300w, /wp-uploads/2013/05/WP_OSM_Plugin_Control_theme_01.png 466w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-6401" class="wp-caption-text">WordPress OpenStreetMap Plugin OSM &#8211; Control Themes</p></div>
<p><strong>Reiseblog &#8211; mit OSM den Verlauf einer Reise darstellen</strong></p>
<p>Neu ist auch, dass man direkt beim Schreiben von Beiträgen mit dem OSM Shortcode Generator den Beitrag über ein Customfield verorten (geotaggen) kann. Das OSM Plugin kann dann automatisiert für den gesamten Blog oder z.B. nur für eine Kategorie eine Karte erstellen, auf der alle verorteten Plätze mit einem Marker und Link zum Artikel gekennzeichnet sind &#8211; auf Wunsch wird die Reiseroute auch zusätzlich als Linie dargestellt:</p>
<div id="attachment_6429" style="width: 310px" class="wp-caption alignnone"><a href="/wp-uploads//2013/05/WP_OpenStreetMap_Plugin_Reiseblog_01.png"><img aria-describedby="caption-attachment-6429" loading="lazy" class="size-medium wp-image-6429" alt="Das OpenStreetMap Plugin OSM für Reiseblogs" src="/wp-uploads//2013/05/WP_OpenStreetMap_Plugin_Reiseblog_01-300x200.png" width="300" height="200" srcset="/wp-uploads/2013/05/WP_OpenStreetMap_Plugin_Reiseblog_01-300x200.png 300w, /wp-uploads/2013/05/WP_OpenStreetMap_Plugin_Reiseblog_01.png 456w" sizes="(max-width: 300px) 100vw, 300px" /></a><p id="caption-attachment-6429" class="wp-caption-text">Das OpenStreetMap Plugin OSM für Reiseblogs</p></div>
<p><strong>Feel it &#8211; Live Demo</strong></p>
<p>Die Liste der OSM Plugin Features ist sehr umfangreich. Den aktuellen Stand findet man im <a title="Wordpress OpenStreetMap plugin Download" href="http://wordpress.org/plugins/osm/" target="_blank">offiziellen WordPress Plugin Directory</a>. Das OSM Plugin ist mit der <a title="OpenLayers" href="http://openlayers.org/" target="_blank">OpenLayers Bibliothek</a> umgesetzt, damit ist auch das Einblenden von geometrischen Objekten leicht möglich. Folgendes Beispiel zeigt die Karte mit einem KML File und drei Kreisen, die man per Shortcode-Argument mit Mittelpunkt und Kreisdurchmesser setzen kann:</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:450px; height:300px; overflow:hidden;padding:0px;border:thin solid orange;"><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_orange/"; 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.MousePosition({displayProjection: new OpenLayers.Projection("EPSG:4326")}));map_1.addControl(new OpenLayers.Control.ScaleLine({geodesic: true}));var lonLat = new OpenLayers.LonLat(-9.136,38.713).transform(map_1.displayProjection, map_1.projection);map_1.setCenter (lonLat,16);  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//2013/05/OSM_02.kml",{   strategies: [new OpenLayers.Strategy.Fixed()],	  protocol: new OpenLayers.Protocol.HTTP({	   url: "/wp-uploads//2013/05/OSM_02.kml",	   format: new OpenLayers.Format.KML({	   extractStyles: true,	   extractAttributes: true,	   maxDepth: 2})	  }),    style: {strokeColor: "blue", strokeWidth: 5, strokeOpacity: 0.5},    projection: new OpenLayers.Projection("EPSG:4326")  });  map_1.addLayer(lgml);            select = new OpenLayers.Control.SelectFeature(lgml);            lgml.events.on({                "featureselected": osm_map_1onFeatureSelect,                "featureunselected": osm_map_1onFeatureUnselect            });            map_1.addControl(select);            select.activate();   var discLayer = new OpenLayers.Layer.Vector("Disc Layer");osm_getFeatureDiscCenter(map_1, discLayer,-9.13875,38.71198, 80, 0.5, "red", 3, "blue", 0.5, "lightblue", 0.5);osm_getFeatureDiscCenter(map_1, discLayer,-9.13568,38.71308,  200, 0.5, "red", 3, "blue", 0.5, "lightblue", 0.5);osm_getFeatureDiscCenter(map_1, discLayer,-9.13289,38.71117,  70, 0.5, "red", 3, "blue", 0.5, "lightblue", 0.5); map_1.addLayer(discLayer);var lonLat = new OpenLayers.LonLat(-9.136,38.713).transform(map_1.displayProjection, map_1.projection);map_1.setCenter (lonLat,16);})(jQuery)/* ]]&gt; */ </script></div>
<p>&nbsp;</p>
<p>Der Shortcode (ohne Stern), mit dem diese Karte eingebunden wurde, sieht so aus :<br />
[*osm_map lat=&#8220;38.713&#8243; long=&#8220;-9.136&#8243; zoom=&#8220;16&#8243; width=&#8220;450&#8243; height=&#8220;300&#8243; control=&#8220;mouseposition,scaleline&#8220; map_border=&#8220;thin solid orange&#8220; theme=&#8220;ol_orange&#8220; disc_center_list=&#8220;-9.13875 38.71198, -9.13568 38.71308, -9.13289 38.71117&#8243; disc_radius_list=&#8220;80, 200, 70&#8243; kml_file=&#8220;/wp-uploads//2013/05/OSM_02.kml&#8220;]</p>
<p><strong>Nützliche Links:<br />
</strong></p>
<ul>
<li><a title="Wordpress OpenStreetMap plugin Download" href="http://wordpress.org/plugins/osm/" target="_blank">PLUGIN DOWNLOAD</a></li>
<li><a title="Wordpress OpenStreetMap plugin" href="http://wp-osm-plugin.hanblog.net/" target="_blank">PLUGIN SEITE</a></li>
<li><a title="WordPress Deutschland" href="http://wpde.org/" target="_blank">WORDPRESS </a></li>
<li><a title="OpenLayers" href="http://openlayers.org/" target="_blank">OPENLAYERS </a></li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
