ProjectX Blog

We at ProjectX support the movement to blackout in protest against the Guilt Upon Accusation law Section 92A. In solidarity to the blackout movement, we have “blacked” out our maps on http://www.zoomin.co.nz and http://www.projectx.co.nz.

This blackout will be in effect until February 23rd, 2009.

If you are interested in helping out and have Google maps, here’s the code we used to black out our maps:

//Assume you have a map object
//Create a BlackOutMessageControl
function BlackoutMessageControl() {}
BlackoutMessageControl.prototype = new GControl();
BlackoutMessageControl.prototype.initialize = function(map) {
var container = document.createElement("div");

var src = “http://creativefreedom.org.nz/blackout.html”

var link = document.createElement(“a”);
link.setAttribute(‘href’, src);
link.setAttribute(‘title’, “Internet Blackout NZ”);
link.appendChild(document.createTextNode(‘Why is the map “blacked” out?’));
link.style.color = “#ffffff”;
container.appendChild(link);
this.setButtonStyle_(container);

GEvent.addDomListener(container, “click”, function() {
window.location = src;
});
GEvent.addDomListener(container, “mouseover”, function() {
link.style.textDecoration = “underline”;
});
GEvent.addDomListener(container, “mouseout”, function() {
link.style.textDecoration = “none”;
})

map.getContainer().appendChild(container);
return container;
}
BlackoutMessageControl.prototype.getDefaultPosition = function(){
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(75, 7));
}
// Sets the proper CSS for the given button element.
BlackoutMessageControl.prototype.setButtonStyle_ = function(button) {
button.style.textDecoration = “none”;
button.style.color = “#ffffff”;
button.style.backgroundColor = “black”;
button.style.border = “1px solid black”;
button.style.padding = “2px”;
button.style.marginBottom = “3px”;
button.style.textAlign = “center”;
button.style.width = “20em”;
button.style.cursor = “pointer”;
}

//Dark maps
var myCopyright = new GCopyrightCollection(“© “);
myCopyright.addCopyright(new GCopyright(‘Demo’,
new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)),
0,’©2008 ProjectX Technology’));
var tilelayer = new GTileLayer(myCopyright);
tilelayer.getTileUrl = function() { return “/images/dark_map.gif”; };  //Modify the image location to suit
tilelayer.isPng = function() { return false;};
tilelayer.getOpacity = function() { return 0.5; }
var myTileLayer = new GTileLayerOverlay(tilelayer);
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.addOverlay(myTileLayer);
map.addControl(new BlackoutMessageControl());

You can use the image(dark_map.gif) below

This entry was posted on Tuesday, February 17th, 2009 at 11:22 am and is filed under ZoomIn. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.