Differences

This shows you the differences between two versions of the page.

--- parn:zizim [2013-04-24 09:59] – nik
+++ parn:zizim [2013-04-24 10:40] – nik
@@ Line 1: / Line 1: @@
-<html>
-		<script type="text/javascript">
+<olmap id="olMapOne" width="850px" height="650px" lat="50.0" lon="5.1" zoom="12" statusbar="1" toolbar="1" controls="1" poihoverstyle="0" baselyr="OpenStreetMap" gpxfile=":zizim.gpx" kmlfile="" summary="" >
-			var google_api_key = '';
+~~ Plugin olmap help.
-			document.writeln('<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key='+(self.google_api_key?google_api_key:'')+'" type="text/javascript"><'+'/'+'script>');
+~~ Required in the above tag are values for: id (unique on this page), width, heigth.
-		</script>
+~~ Also you will want to enter zoomlevel and lat, lon values that make sense for where you want the map to start.
-<div style="margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;">
+~~ Below is an example of a POI, you can add as many as you want. ~~ More examples: http://dokuwiki.org/plugin:openlayersmap
-			<div id="gmap_div" style="width:700px; height:350px; margin:0px; margin-right:12px; background-color:#F0F0F0; float:left; overflow:hidden;">
-				<p align="center" style="font:10px Arial;">This map was created using <a target="_blank" href="http://www.gpsvisualizer.com/">GPS Visualizer</a>'s do-it-yourself geographic utilities.<br /><br />Please wait while the map data loads...</p>
-			</div>
-			<div id="gv_legend_container" style="display:none;"><table id="gv_legend_table" style="position:relative; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; background:#ffffff;" cellpadding="0" cellspacing="0" border="0"><tr><td><div id="gv_legend_handle" align="center" style="height:6px; max-height:6px; background:#CCCCCC; border-left:1px solid #999999; border-top:1px solid #EEEEEE; border-right:1px solid #999999; padding:0px; cursor:move;"><!-- --></div>
-				<div id="gv_legend" align="left" style="line-height:13px; border:solid #000000 1px; background:#FFFFFF; padding:4px;max-width:400px; font:11px Arial; ">
-					<!-- Although GPS Visualizer didn't create a legend with your map, you can use this box for something else if you'd like; enable it by setting gv_options.legend_options.legend to true -->
-				</div>
-			</td></tr></table></div>
+</olmap>
-spheres,"climber, "',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0462000,lon:3.7222470,name:'ijzervaren in het putje',desc:'Not Specified,ijzervaren in het putje,"uncategorised, herbaceous, "',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0475100,lon:3.7273900,name:'plant shop',desc:'Not Specified,no description',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0475100,lon:3.7273900,name:'rhizome',desc:'Not Specified,sarracenia,"rhizome, "',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0475100,lon:3.7273900,name:'uncategorised',desc:'Not Specified,varkensgras',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0475100,lon:3.7273900,name:'uncategorised,uncategorised"',desc:'Not Specified,varkensgras',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0475100,lon:3.7273900,name:'uncategorised,uncategorised"',desc:'Not Specified,varkensgras',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0478040,lon:3.7275100,name:'uncategorised,uncategorised"',desc:'Not Specified,hanging spheres',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0478040,lon:3.7275100,name:'uncategorised',desc:'Not Specified,sarracenia',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0500770,lon:3.7310050,name:'herbaceous',desc:'Not Specified,abcd,"herbaceous, "',color:'',icon:''});
-					GV_Draw_Marker({lat:51.0456040,lon:3.7316770,name:'park',desc:'Not Specified,test object,"contemplative parks, "',color:'',icon:''});
-					GV_Finish_Map(gv_options);
-				} else {
-					document.getElementById('gmap_div').style.backgroundColor = '#DDDDDD';
-					document.getElementById('gmap_div').innerHTML = 'Sorry, your Google Map cannot be displayed.';
-				}
-			}
-			GV_Map(); // execute the above code
-		</script>
-</html>