Widget:OSM-Sudoroom-dev - Revision history

Yar: pass width & height units

2014-03-04T04:23:47Z

pass width & height units

← Older revision		Revision as of 21:23, 3 March 2014
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}-->px;height:<!--{$h\|escape:'html'\|default:350}-->px;border:1px solid black;margin:0px;" id="mapdiv"></div>		<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>

2014-03-04T04:23:12Z

zoom out more

← Older revision		Revision as of 21:23, 3 March 2014
Line 15:		Line 15:
	);		);

	var zoom=15;		var zoom=14;

	var markers = new OpenLayers.Layer.Markers( "Markers" );		var markers = new OpenLayers.Layer.Markers( "Markers" );

2014-03-04T04:21:32Z

lighter bar color

← Older revision		Revision as of 21:21, 3 March 2014
Line 27:		Line 27:
	'<!--{$text1\|escape:'html'\|default:markertext}-->   <br /><br />' +		'<!--{$text1\|escape:'html'\|default:markertext}-->   <br /><br />' +
	'<!--{$text2\|escape:'html'\|default:markertext}-->' +		'<!--{$text2\|escape:'html'\|default:markertext}-->' +
	'<br /><hr /><!--{$address\|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		'(<a href="<!--{$link\|escape:'html'\|default:markertext}-->">Directions</a>)', null,true
	));		));
	</script>		</script>
	</includeonly>		</includeonly>

2014-03-04T04:15:25Z

2 lines of text plus horizontal line

← Older revision		Revision as of 21:15, 3 March 2014
Line 25:		Line 25:

	map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",lonLat, null,		map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",lonLat, null,
	'<!--{$~~text~~\|escape:'html'\|default:markertext}-->   ' +		'<!--{$text1\|escape:'html'\|default:markertext}-->   <br /><br />' +
	'<br /><br /><!--{$address\|escape:'html'\|default:markertext}-->' +		'<!--{$text2\|escape:'html'\|default:markertext}-->' +
			'<br /><hr /><!--{$address\|escape:'html'\|default:markertext}--> ' +
	'(<a href="<!--{$link\|escape:'html'\|default:markertext}-->">Directions</a>)', null,true		'(<a href="<!--{$link\|escape:'html'\|default:markertext}-->">Directions</a>)', null,true
	));		));
	</script>		</script>
	</includeonly>		</includeonly>

2014-03-04T04:12:26Z

pass address & link

← Older revision		Revision as of 21:12, 3 March 2014
Line 24:		Line 24:
	map.setCenter (lonLat, zoom);		map.setCenter (lonLat, zoom);

	map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",		map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",lonLat, null,
	lonLat, null,'<!--{$text\|escape:'html'\|default:markertext}-->', null,true		'<!--{$text\|escape:'html'\|default:markertext}-->   ' +
			'<br /><br /><!--{$address\|escape:'html'\|default:markertext}-->' +
			'(<a href="<!--{$link\|escape:'html'\|default:markertext}-->">Directions</a>)', null,true
	));		));
	</script>		</script>
	</includeonly>		</includeonly>

2014-03-04T04:09:51Z

oops, i zoomed in before - ACTUALLY zoom out

← Older revision		Revision as of 21:09, 3 March 2014
Line 15:		Line 15:
	);		);

	var zoom=17;		var zoom=15;

	var markers = new OpenLayers.Layer.Markers( "Markers" );		var markers = new OpenLayers.Layer.Markers( "Markers" );

2014-03-04T03:44:15Z

fix use of lonlat variable

← Older revision		Revision as of 20:44, 3 March 2014
Line 25:		Line 25:

	map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",		map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",
	~~LonLat()~~, null,'<!--{$text\|escape:'html'\|default:markertext}-->', null,true		lonLat, null,'<!--{$text\|escape:'html'\|default:markertext}-->', null,true
	));		));
	</script>		</script>
	</includeonly>		</includeonly>

2014-03-04T03:42:06Z

try adding popup

← Older revision		Revision as of 20:42, 3 March 2014
Line 23:		Line 23:

	map.setCenter (lonLat, zoom);		map.setCenter (lonLat, zoom);

			map.addPopup(new OpenLayers.Popup.FramedCloud("Popup",
			LonLat(), null,'<!--{$text\|escape:'html'\|default:markertext}-->', null,true
			));
	</script>		</script>
	</includeonly>		</includeonly>

2014-03-04T03:28:11Z

zoom out

← Older revision		Revision as of 20:28, 3 March 2014
Line 15:		Line 15:
	);		);

	var zoom=16;		var zoom=17;

	var markers = new OpenLayers.Layer.Markers( "Markers" );		var markers = new OpenLayers.Layer.Markers( "Markers" );

2014-03-04T03:07:43Z

gratuitous space

← Older revision		Revision as of 20:07, 3 March 2014
Line 7:		Line 7:
	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}--> )