823
edits
(dimensions need units) |
(pass width & height units) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
This is a homebrew attempt at making an OSM widget in mediawiki, fancier than the official extension will allow. | This is a homebrew attempt at making an OSM widget in mediawiki, fancier than the official extension will allow. | ||
</noinclude><includeonly> | </noinclude><includeonly> | ||
<div style="width:<!--{$w|escape:'html'|default:425}--> | <div style="width:<!--{$w|escape:'html'|default:425}-->;height:<!--{$h|escape:'html'|default:350}-->;border:1px solid black;margin:0px;" id="mapdiv"></div> | ||
<script src="https://sudoroom.org/openlayers/OpenLayers.js"></script> | <script src="https://sudoroom.org/openlayers/OpenLayers.js"></script> | ||
<script> | <script> | ||
map = new OpenLayers.Map("mapdiv"); | map = new OpenLayers.Map("mapdiv"); | ||
map.addLayer(new OpenLayers.Layer.OSM()); | map.addLayer(new OpenLayers.Layer.OSM()); | ||
var lonLat = new OpenLayers.LonLat( <!--{$mklon|escape:'html'|default:-122.267652}--> ,<!--{$mklat|escape:'html'|default:37.810963}--> ) | var lonLat = new OpenLayers.LonLat( <!--{$mklon|escape:'html'|default:-122.267652}--> ,<!--{$mklat|escape:'html'|default:37.810963}--> ) | ||
Line 14: | Line 15: | ||
); | ); | ||
var zoom= | var zoom=14; | ||
var markers = new OpenLayers.Layer.Markers( "Markers" ); | var markers = new OpenLayers.Layer.Markers( "Markers" ); | ||
Line 22: | Line 23: | ||
map.setCenter (lonLat, zoom); | map.setCenter (lonLat, zoom); | ||
map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",lonLat, null, | |||
'<!--{$text1|escape:'html'|default:markertext}--> <br /><br />' + | |||
'<!--{$text2|escape:'html'|default:markertext}-->' + | |||
'<br /><hr style="color:#f0f0e7;background-color:#f0f0e7;" />' + | |||
'<!--{$address|escape:'html'|default:markertext}--> ' + | |||
'(<a href="<!--{$link|escape:'html'|default:markertext}-->">Directions</a>)', null,true | |||
)); | |||
</script> | </script> | ||
</includeonly> | </includeonly> |