Waze forum

Code: Select all

	wazeMap.events.on({
		moveend : update
	});

Code: Select all

$(function() {
	var nav = $('<div style="position:absolute;right:5px;bottom:36px">'
		+ 'shift: <input type="text" style="width:30px;height:10px;vertical-align:baseline" class="sx" value="0"/> x '
		+ '<input type="text" style="width:30px;height:10px;vertical-align:baseline" class="sy" value="0"/> m'
		+ '   opacity: <input type="text" style="width:25px;height:10px;vertical-align:baseline" class="so" value="100"/> %' //yy
		+ '</div>')
	;
	var sx = nav.find('.sx');
	var sy = nav.find('.sy');
	var so = nav.find('.so'); //yy
	$('#site-navigation').append(nav);

	var cookiePrefix = 'WAS_';

	function loadFromCookies() {
		var val = $.cookie(cookiePrefix + 'sx');
		if (val !== null)
			sx.val(val);
		val = $.cookie(cookiePrefix + 'sy');
		if (val !== null)
			sy.val(val);
		val = $.cookie(cookiePrefix + 'so'); //yy
		if (val !== null) //yy
			so.val(val); //yy
	}

	function saveToCookies() {
		$.cookie(cookiePrefix + 'sx', sx.val(), {
			expires : 20 * 365
		});
		$.cookie(cookiePrefix + 'sy', sy.val(), {
			expires : 20 * 365
		});
		$.cookie(cookiePrefix + 'so', so.val(), { //yy
			expires : 20 * 365 //yy
		}); //yy
	}

	function update() {
		// Calculate meters per pixel factor of current map
		var ipu = OpenLayers.INCHES_PER_UNIT;
		var metersPerPixel = wazeMap.getResolution() * ipu['m']
			/ ipu[wazeMap.getUnits()];
		var shiftX = parseInt(sx.val(), 10);
		var shiftY = parseInt(sy.val(), 10);

		// Apply the shift
		wazeMap.baseLayer.div.style.left =
			Math.round(shiftX / metersPerPixel) + 'px';
		wazeMap.baseLayer.div.style.top =
			Math.round(shiftY / metersPerPixel) + 'px';
		wazeMap.baseLayer.div.style.opacity = so.val()/100; //yy

		saveToCookies();
	}
	loadFromCookies();

	update();

	wazeMap.events.on({
		zoomend : update,
		moveend : update
	});
	wazeMap.baseLayer.events.on({
		loadend : update,
	});
	sx.change(update);
	sy.change(update);
	so.change(update); //yy
});