Deprecated – OpenLayers 2 part 2

This is just a test for the shortcoded paste on OpenLayers 2.

Add an clickable area with an whole in your map:

Note: The KML file has to be located on your blog domain!

You can also display a list of kml-files within one map:

A sample for an KML file with html content:

<?xml version="1.0" encoding="UTF-8"?> 
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom"> 
<Document> 
<name>TEST.kml</name> 
<Style id="pushpin"> 
<IconStyle> 
<scale>1</scale> 
<Icon> <href>http://www.YourDomain.com/wp-content/plugins/osm/icons/styria_linux.png</href> 
</Icon> <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/> 
</IconStyle> 
</Style> 
<Placemark> 
<name>TEST</name> 
<description>
<![CDATA[ <div style="width:300px; height:200px"> <img src="http://www.YourDomain.com/wp-content/uploads/YourPhoto.jpg"/> </div> ]]>
</description> 
<styleUrl>#pushpin</styleUrl> 
<Point><coordinates>17.130,49.977,0</coordinates></Point> 
</Placemark> 
<Placemark> 
<name>TEST</name> 
<description>
<! [CDATA[ <div style="width:300px; height:200px"> Das ist ein Test für KML files mit dem WP OSM Plugin.<br> <img src="http://www.YourDomain.com/wp-content/uploads/YourPhoto.jpg"/> </div> ]]> 
</description> 
<styleUrl>#pushpin</styleUrl> 
<Point>
<coordinates>17.133,49.979,0</coordinates></Point> 
</Placemark> 
</Document> 
</kml>