Both sides previous revision Previous revision Next revision | Previous revision Next revisionBoth sides next revision |
parn:zizim [2013-04-24 09:59] – nik | parn:zizim [2013-04-24 10:41] – nik |
---|
| |
<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=":_media:zizim.gpx" kmlfile="" summary="" > |
var google_api_key = ''; | ~~ Plugin olmap help. |
document.writeln('<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&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> | |