MapListener.java

@@ -1,8 +1,12 @@
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.Iterator;
 import java.util.logging.Logger;
 
 public class MapListener extends PluginListener {
 	private static final Logger log = Logger.getLogger("Minecraft");
 	private MapManager mgr;
+	private ArrayList<MapMarker> markers;
 
 	public MapListener(MapManager mgr)
 	{
@@ -71,6 +75,65 @@ public class MapListener extends PluginListener {
 			mgr.debugPlayer = null;
 			return true;
 		}
+		
+		if(split[0].equals("/addmarker")) {
+			if(split.length < 2)
+			{
+				player.sendMessage("Map> " + Colors.Red + "Usage: /map_addmarker [name]");
+			}
+			else
+			{
+				if (mgr.addMapMarker(player, split[1], player.getX(), player.getY(), player.getZ()))
+				{
+					player.sendMessage("Map> " + Colors.White + "Marker \"" + split[1] + "\" added successfully");
+				}
+			}
+			return true;
+		}
+		
+		if(split[0].equals("/removemarker")) {
+			if(split.length < 2)
+			{
+				player.sendMessage("Map> " + Colors.Red + "Usage: /map_removemarker [name]");
+			}
+			else
+			{
+				if (mgr.removeMapMarker(player, split[1]))
+				{
+					player.sendMessage("Map> " + Colors.White + "Marker \"" + split[1] + "\" removed successfully");
+				}
+			}
+			return true;
+		}
+		
+		if(split[0].equals("/listmarkers")) {
+			String msg = "";
+			Collection<MapMarker> values = mgr.markers.values();
+	    	Iterator<MapMarker> it = values.iterator();
+	    	while(it.hasNext())
+	    	{
+	    		MapMarker marker = it.next();
+	    		String line = " - " + marker.name + " (" + marker.owner + ")\t";
+	    		msg += line;
+	    	}
+	    	player.sendMessage("" + Colors.White + msg);
+			return true;
+		}
+		
+		if(split[0].equals("/tpmarker")) {
+			if(split.length < 2)
+			{
+				player.sendMessage("Map> " + Colors.Red + "Usage: /map_tpmarker [name]");
+			}
+			else
+			{
+				if (mgr.teleportToMapMarker(player, split[1]))
+				{
+					//player.sendMessage("Map> " + Colors.White + "");
+				}
+			}
+			return true;
+		}
 
 		return false;
 	}

MapManager.java

@@ -1,17 +1,23 @@
+import java.awt.Color;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.OutputStreamWriter;
+import java.io.UnsupportedEncodingException;
+import java.io.Writer;
+import java.util.ArrayList;
+import java.util.Collection;
 import java.util.HashMap;
 import java.util.Iterator;
-import java.util.logging.Logger;
-import java.util.logging.Level;
-import java.util.Scanner;
 import java.util.LinkedList;
 import java.util.ListIterator;
 import java.util.NoSuchElementException;
+import java.util.Scanner;
 import java.util.Vector;
-
+import java.util.logging.Level;
-import java.io.File;
+import java.util.logging.Logger;
-import java.io.IOException;
-
-import java.awt.Color;
 
 public class MapManager extends Thread {
 	protected static final Logger log = Logger.getLogger("Minecraft");
@@ -46,6 +52,12 @@ public class MapManager extends Thread {
 	/* path to image tile directory */
 	public String tilepath = "tiles/";
 
+	/* path to markers file */
+	public String markerpath = "markers.csv";
+	
+	/* port to run web server on */
+	public int serverport = 8123;
+	
 	/* time to pause between rendering tiles (ms) */
 	public int renderWait = 500;
 
@@ -57,6 +69,9 @@ public class MapManager extends Thread {
 
 	/* map debugging mode (send debugging messages to this player) */
 	public String debugPlayer = null;
+	
+	/* hashmap of markers */
+	public HashMap<String,MapMarker> markers = null;
 
 	public void debug(String msg)
 	{
@@ -66,7 +81,7 @@ public class MapManager extends Thread {
 		if(p == null) return;
 		p.sendMessage("Map> " + Colors.Red + msg);
 	}
-
+	
 	public MapManager()
 	{
 		/* load configuration */
@@ -76,6 +91,8 @@ public class MapManager extends Thread {
 		try {
 			tilepath = properties.getString("map-tilepath", "tiles/");
 			colorsetpath = properties.getString("map-colorsetpath", "colors.txt");
+			markerpath = properties.getString("map-markerpath", "markers.csv");
+			serverport = Integer.parseInt(properties.getString("map-serverport", "8123"));
 		} catch(Exception ex) {
 			log.log(Level.SEVERE, "Exception while reading properties for dynamic map", ex);
 		}
@@ -83,9 +100,8 @@ public class MapManager extends Thread {
 		tileStore = new HashMap<Long, MapTile>();
 		staleTiles = new LinkedList<MapTile>();
 		tileUpdates = new LinkedList<TileUpdate>();
-
+		
-
+		markers = new HashMap<String,MapMarker>();
-
 	}
 
 	/* tile X for position x */
@@ -114,6 +130,8 @@ public class MapManager extends Thread {
 		/* load colorset */
 		File cfile = new File(colorsetpath);
 
+		loadMapMarkers();
+		
 		try {
 			Scanner scanner = new Scanner(cfile);
 			int nc = 0;
@@ -389,4 +407,182 @@ public class MapManager extends Thread {
 			open.add(getTileByPosition(t.px, t.py - tileHeight));
 		}
 	}
+	
+	/* adds a marker to the map */
+	public boolean addMapMarker(Player player, String name, double px, double py, double pz)
+	{
+		if (markers.containsKey(name))
+		{
+			player.sendMessage("Map> " + Colors.Red + "Marker \"" + name + "\" already exists.");
+			return false;
+		}
+		
+		MapMarker marker = new MapMarker();
+		marker.name = name;
+		marker.owner = player.getName();
+		marker.px = px;
+		marker.py = py;
+		marker.pz = pz;
+		markers.put(name, marker);
+		
+		try
+		{
+			saveMapMarkers();
+			return true;
+		}
+		catch(IOException e)
+		{
+			log.log(Level.SEVERE, "Failed to save markers.csv", e);
+		}
+		
+		return false;
+	}
+	
+	/* removes a marker from the map */
+	public boolean removeMapMarker(Player player, String name)
+	{
+		if (markers.containsKey(name))
+		{
+			MapMarker marker = markers.get(name);
+			if (marker.owner.equalsIgnoreCase(player.getName()))
+			{
+				markers.remove(name);
+				
+				try
+				{
+					saveMapMarkers();
+					return true;
+				}
+				catch(IOException e)
+				{
+					log.log(Level.SEVERE, "Failed to save markers.csv", e);
+				}
+			}
+			else
+			{
+				player.sendMessage("Map> " + Colors.Red + "Marker \"" + name + "\" does not belong to you.");
+			}
+		}
+		else
+		{
+			player.sendMessage("Map> " + Colors.Red + "Marker \"" + name + "\" does not exist.");
+		}
+		
+		return false;
+	}
+	
+	/* teleports a user to a marker */
+	public boolean teleportToMapMarker(Player player, String name)
+	{
+		if (markers.containsKey(name))
+		{
+			MapMarker marker = markers.get(name);
+
+			player.teleportTo(marker.px, marker.py, marker.pz, 0, 0);
+		}
+		else
+		{
+			player.sendMessage("Map> " + Colors.Red + "Marker \"" + name + "\" does not exist.");
+		}
+		
+		return false;
+	}
+	
+	/* load the map marker file */
+	private void loadMapMarkers()
+	{
+		Scanner scanner = null;
+	    try
+	    {
+	    	scanner = new Scanner(new FileInputStream(markerpath), "UTF-8");
+	    	while (scanner.hasNextLine())
+	    	{
+	    		String line = scanner.nextLine();
+	    		String[] values = line.split(",");
+	    		MapMarker marker = new MapMarker();
+	    		marker.name = values[0];
+	    		marker.owner = values[1];
+	    		marker.px = Double.parseDouble(values[2]);
+	    		marker.py = Double.parseDouble(values[3]);
+	    		marker.pz = Double.parseDouble(values[4]);
+	    		markers.put(marker.name, marker);
+	    	}
+	    }
+	    catch(FileNotFoundException e)
+	    {
+	    	log.log(Level.SEVERE, "markers.csv not found", e);
+	    }
+	    finally
+	    {
+	    	if (scanner != null) scanner.close();
+	    }
+	}
+	
+	/* save the map marker file */
+	private void saveMapMarkers() throws IOException
+	{
+		Writer out = null;
+	    try
+	    {
+	    	out = new OutputStreamWriter(new FileOutputStream(markerpath), "UTF-8");
+	    	Collection<MapMarker> values = markers.values();
+	    	Iterator<MapMarker> it = values.iterator();
+	    	while(it.hasNext())
+	    	{
+	    		MapMarker marker = it.next();
+	    		String line = marker.name + "," + marker.owner + "," + marker.px + "," +  marker.py + "," +  marker.pz + "\r\n";
+	    		out.write(line);
+	    	}
+	    }
+	    catch(UnsupportedEncodingException e)
+	    {
+	    	log.log(Level.SEVERE, "Unsupported encoding", e);
+	    }
+	    catch(FileNotFoundException e)
+	    {
+	    	log.log(Level.SEVERE, "markers.csv not found", e);
+	    }
+	    finally
+	    {
+	    	if (out != null) out.close();
+	    }
+	}
+	
+	/* load the warps file (doesn't work with SQL data source) */
+	/* find a way to load this from the server itself, loading the file each time isn't good */
+	public ArrayList<Warp> loadWarps()
+	{
+		ArrayList<Warp> warps = new ArrayList<Warp>();
+		Scanner scanner = null;
+		
+	    try
+	    {
+	    	scanner = new Scanner(new FileInputStream("warps.txt"), "UTF-8");
+	    	while (scanner.hasNextLine())
+	    	{
+	    		String line = scanner.nextLine();
+	    		String[] values = line.split(":");
+	    		Warp warp = new Warp();
+	    		warp.Name = values[0];
+	    		warp.Location = new Location(
+	    				Double.parseDouble(values[1]),
+	    				Double.parseDouble(values[2]),
+	    				Double.parseDouble(values[3]),
+	    				Float.parseFloat(values[4]),
+	    				Float.parseFloat(values[5])
+	    		);
+	    		warps.add(warp);
+	    	}
+	    }
+	    catch(FileNotFoundException e)
+	    {
+
+	    }
+	    finally
+	    {
+	    	if (scanner != null) scanner.close();
+	    }
+	    
+	    return warps;
+	}
 }

MapMarker.java

@@ -0,0 +1,4 @@
+public class MapMarker {
+	public double px, py, pz;
+	public String name, owner;
+}

MapTile.java

@@ -118,8 +118,10 @@ public class MapTile {
 			String path = getPath(mgr);
 			File file = new File(path);
 			ImageIO.write(im, "png", file);
-
+		} catch(java.lang.NullPointerException e) {
-			//log.info("Saved tile: " + path);
+			// IOException is not enough, a NullPointerException often occurs due to this issue
+			// http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=5034864
+			log.log(Level.SEVERE, "Failed to save tile (NullPointerException): " + getPath(mgr), e);
 		} catch(IOException e) {
 			log.log(Level.SEVERE, "Failed to save tile: " + getPath(mgr), e);
 		}

WebServer.java

@@ -20,7 +20,7 @@ public class WebServer extends Thread {
 		sock = new ServerSocket(port, 5, InetAddress.getByName("127.0.0.1"));
 		running = true;
 		start();
-		log.info("map WebServer started");
+		log.info("map WebServer started on port " + port);
 	}
 
 	public void run()

WebServerRequest.java

@@ -69,7 +69,20 @@ public class WebServerRequest extends Thread {
 			for(Player player : etc.getServer().getPlayerList()) {
 				sb.append(player.getName() + " " + player.getX() + " " + player.getY() + " " + player.getZ() + "\n");
 			}
+			
+			for(MapMarker marker : mgr.markers.values())
+			{
+				sb.append(marker.name + " marker " + marker.owner + " " + marker.px + " " + marker.py + " " + marker.pz + "\n");
+			}
 
+			// TODO: Find a way to load the warps from the server.  Currently loading the from the flatfile over and over...
+			ArrayList<Warp> warps = mgr.loadWarps();
+			
+			for(Warp warp : warps)
+			{
+				sb.append(warp.Name + " warp unknown " + warp.Location.x + " " + warp.Location.y + " " + warp.Location.z + "\n");
+			}
+			
 			synchronized(mgr.lock) {
 				for(TileUpdate tu : mgr.tileUpdates) {
 					if(tu.at >= cutoff) {

build.bat

@@ -0,0 +1,9 @@
+@ECHO OFF
+
+CD E:\Users\Fescen9\workspace\DynamicMap\branches\fescen9
+del *.class
+del ..\..\..\map.jar
+javac *.java -cp ..\..\..\Minecraft_Mod.jar;..\..\..\minecraft_server.jar
+jar cvf ..\..\..\map.jar *.class
+
+PAUSE

clean.bat

@@ -0,0 +1,5 @@
+@ECHO OFF
+
+CD E:\Users\Fescen9\workspace\DynamicMap\branches\fescen9
+del *.class
+del ..\..\..\map.jar

map.java

@@ -17,7 +17,7 @@ public class map extends Plugin {
 		mgr.startManager();
 
 		try {
-			server = new WebServer(8123, mgr);
+			server = new WebServer(mgr.serverport, mgr);
 		} catch(IOException e) {
 			log.info("position failed to start WebServer (IOException)");
 		}
@@ -48,5 +48,9 @@ public class map extends Plugin {
 		etc.getInstance().addCommand("/map_regen", " - regenerate entire map");
 		etc.getInstance().addCommand("/map_debug", " - send map debugging messages");
 		etc.getInstance().addCommand("/map_nodebug", " - disable map debugging messages");
+		etc.getInstance().addCommand("/addmarker", " [name] - adds a named marker to the map");
+		etc.getInstance().addCommand("/removemarker", " [name] - removes a named marker to the map");
+		etc.getInstance().addCommand("/listmarkers", " - list all named markers");
+		etc.getInstance().addCommand("/tpmarker", " [name] - teleport to a named marker");
 	}
 }

web/index.html

@@ -1,733 +1,25 @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<style type="text/css">
+	<meta name="description" content="Minecraft Dynamic Map" /> 
-	html { height: 100% }
+	<meta name="keywords" content="minecraft, map, dynamic" /> 
-	body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
+	<meta name="language" content="en"/>
-	#mcmap { height: 100% }
+	<title>
-	#plist {
+		Minecraft Dynamic Map
-		position: absolute;
+	</title>
-		top: 8px;
+	<link rel="shortcut icon" href="follow_off.png" type="image/png" />
-		left: 8px;
+	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
-		border: 1px solid gray;
+	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
-		background: rgb(0, 0, 0);
+	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
-		background: rgba(0, 0, 0, 0.6);
+	<script type="text/javascript" src="map.js" ></script>
-		padding: 2px;
-	}
-	#lst {
-		font-family: sans-serif;
-		font-size: 8pt;
-		color: white;
-	}
-	#plistbtn {
-	}
-	a, a:visited {
-		color: white;
-		text-decoration: none;
-	}
-	
-.labels {
-font-size: 10pt;
-font-family: sans-serif;
-white-space: nowrap;
-color: white;
-}
-</style>
-<script type="text/javascript"
-    src="http://maps.google.com/maps/api/js?sensor=false">
-</script>
-<script type="text/javascript">
-/**
- * This constructor creates a label and associates it with a marker.
- * It is for the private use of the MarkerWithLabel class.
- * @constructor
- * @param {Marker} marker The marker with which the label is to be associated.
- * @private
- */
-function MarkerLabel_(marker) {
-  this.marker_ = marker;
-
-  this.labelDiv_ = document.createElement("div");
-  this.labelDiv_.style.cssText = "position: absolute; overflow: hidden;";
-
-  // Set up the DIV for handling mouse events in the label. This DIV forms a transparent veil
-  // in the "overlayMouseTarget" pane, a veil that covers just the label. This is done so that
-  // events can be captured even if the label is in the shadow of a google.maps.InfoWindow.
-  // Code is included here to ensure the veil is always exactly the same size as the label.
-  this.eventDiv_ = document.createElement("div");
-  this.eventDiv_.style.cssText = this.labelDiv_.style.cssText;
-}
-
-// MarkerLabel_ inherits from OverlayView:
-MarkerLabel_.prototype = new google.maps.OverlayView();
-
-/**
- * Adds the DIV representing the label to the DOM. This method is called
- * automatically when the marker's <code>setMap</code> method is called.
- * @private
- */
-MarkerLabel_.prototype.onAdd = function () {
-  var me = this;
-  var cMouseIsDown = false;
-  var cDraggingInProgress = false;
-  var cSavedPosition;
-  var cSavedZIndex;
-  var cLatOffset, cLngOffset;
-  var cIgnoreClick;
-
-  // Stops all processing of an event.
-  //
-  var cAbortEvent = function (e) {
-    if (e.preventDefault) {
-      e.preventDefault();
-    }
-    e.cancelBubble = true;
-    if (e.stopPropagation) {
-      e.stopPropagation();
-    }
-  };
-
-  this.getPanes().overlayImage.appendChild(this.labelDiv_);
-  this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);
-
-  this.listeners_ = [
-    google.maps.event.addDomListener(document, "mouseup", function (mEvent) {
-      if (cDraggingInProgress) {
-        mEvent.latLng = cSavedPosition;
-        cIgnoreClick = true; // Set flag to ignore the click event reported after a label drag
-        google.maps.event.trigger(me.marker_, "dragend", mEvent);
-      }
-      cMouseIsDown = false;
-      google.maps.event.trigger(me.marker_, "mouseup", mEvent);
-    }),
-    google.maps.event.addListener(me.marker_.getMap(), "mousemove", function (mEvent) {
-      if (cMouseIsDown && me.marker_.getDraggable()) {
-        // Change the reported location from the mouse position to the marker position:
-        mEvent.latLng = new google.maps.LatLng(mEvent.latLng.lat() - cLatOffset, mEvent.latLng.lng() - cLngOffset);
-        cSavedPosition = mEvent.latLng;
-        if (cDraggingInProgress) {
-          google.maps.event.trigger(me.marker_, "drag", mEvent);
-        } else {
-          // Calculate offsets from the click point to the marker position:
-          cLatOffset = mEvent.latLng.lat() - me.marker_.getPosition().lat();
-          cLngOffset = mEvent.latLng.lng() - me.marker_.getPosition().lng();
-          google.maps.event.trigger(me.marker_, "dragstart", mEvent);
-        }
-      }
-    }),
-    google.maps.event.addDomListener(this.eventDiv_, "mouseover", function (e) {
-      //me.eventDiv_.style.cursor = "pointer";
-      google.maps.event.trigger(me.marker_, "mouseover", e);
-    }),
-    google.maps.event.addDomListener(this.eventDiv_, "mouseout", function (e) {
-      //me.eventDiv_.style.cursor = me.marker_.getCursor();
-      google.maps.event.trigger(me.marker_, "mouseout", e);
-    }),
-    google.maps.event.addDomListener(this.eventDiv_, "click", function (e) {
-      if (cIgnoreClick) { // Ignore the click reported when a label drag ends
-        cIgnoreClick = false;
-      } else {
-        cAbortEvent(e); // Prevent click from being passed on to map
-        google.maps.event.trigger(me.marker_, "click", e);
-      }
-    }),
-    google.maps.event.addDomListener(this.eventDiv_, "dblclick", function (e) {
-      cAbortEvent(e); // Prevent map zoom when double-clicking on a label
-      google.maps.event.trigger(me.marker_, "dblclick", e);
-    }),
-    google.maps.event.addDomListener(this.eventDiv_, "mousedown", function (e) {
-      cMouseIsDown = true;
-      cDraggingInProgress = false;
-      cLatOffset = 0;
-      cLngOffset = 0;
-      cAbortEvent(e); // Prevent map pan when starting a drag on a label
-      google.maps.event.trigger(me.marker_, "mousedown", e);
-    }),
-    google.maps.event.addListener(this.marker_, "dragstart", function (mEvent) {
-      cDraggingInProgress = true;
-      cSavedZIndex = me.marker_.getZIndex();
-    }),
-    google.maps.event.addListener(this.marker_, "drag", function (mEvent) {
-      me.marker_.setPosition(mEvent.latLng);
-      me.marker_.setZIndex(1000000); // Moves the marker to the foreground during a drag
-    }),
-    google.maps.event.addListener(this.marker_, "dragend", function (mEvent) {
-      cDraggingInProgress = false;
-      me.marker_.setZIndex(cSavedZIndex);
-    }),
-    google.maps.event.addListener(this.marker_, "position_changed", function () {
-      me.setPosition();
-    }),
-    google.maps.event.addListener(this.marker_, "zindex_changed", function () {
-      me.setZIndex();
-    }),
-    google.maps.event.addListener(this.marker_, "visible_changed", function () {
-      me.setVisible();
-    }),
-    google.maps.event.addListener(this.marker_, "labelvisible_changed", function () {
-      me.setVisible();
-    }),
-    google.maps.event.addListener(this.marker_, "title_changed", function () {
-      me.setTitle();
-    }),
-    google.maps.event.addListener(this.marker_, "labelcontent_changed", function () {
-      me.setContent();
-    }),
-    google.maps.event.addListener(this.marker_, "labelanchor_changed", function () {
-      me.setAnchor();
-    }),
-    google.maps.event.addListener(this.marker_, "labelclass_changed", function () {
-      me.setStyles();
-    }),
-    google.maps.event.addListener(this.marker_, "labelstyle_changed", function () {
-      me.setStyles();
-    })
-  ];
-};
-
-/**
- * Removes the DIV for the label from the DOM. It also removes all event handlers.
- * This method is called automatically when the marker's <code>setMap(null)</code>
- * method is called.
- * @private
- */
-MarkerLabel_.prototype.onRemove = function () {
-  var i;
-  this.labelDiv_.parentNode.removeChild(this.labelDiv_);
-  this.eventDiv_.parentNode.removeChild(this.eventDiv_);
-
-  // Remove event listeners:
-  for (i = 0; i < this.listeners_.length; i++) {
-    google.maps.event.removeListener(this.listeners_[i]);
-  }
-};
-
-/**
- * Draws the label on the map.
- * @private
- */
-MarkerLabel_.prototype.draw = function () {
-  this.setContent();
-  this.setTitle();
-  this.setStyles();
-};
-
-/**
- * Sets the content of the label.
- * The content can be plain text or an HTML DOM node.
- * @private
- */
-MarkerLabel_.prototype.setContent = function () {
-  var content = this.marker_.get("labelContent");
-  if (typeof content.nodeType === "undefined") {
-    this.labelDiv_.innerHTML = content;
-    this.eventDiv_.innerHTML = this.labelDiv_.innerHTML;
-  } else {
-    this.labelDiv_.appendChild(content);
-    content = content.cloneNode(true);
-    this.eventDiv_.appendChild(content);
-  }
-};
-
-/**
- * Sets the content of the tool tip for the label. It is
- * always set to be the same as for the marker itself.
- * @private
- */
-MarkerLabel_.prototype.setTitle = function () {
-  this.eventDiv_.title = this.marker_.getTitle() || "";
-};
-
-/**
- * Sets the style of the label by setting the style sheet and applying
- * other specific styles requested.
- * @private
- */
-MarkerLabel_.prototype.setStyles = function () {
-  var i, labelStyle;
-
-  // Apply style values from the style sheet defined in the labelClass parameter:
-  this.labelDiv_.className = this.marker_.get("labelClass");
-  this.eventDiv_.className = this.labelDiv_.className;
-
-  // Clear existing inline style values:
-  this.labelDiv_.style.cssText = "";
-  this.eventDiv_.style.cssText = "";
-  // Apply style values defined in the labelStyle parameter:
-  labelStyle = this.marker_.get("labelStyle");
-  for (i in labelStyle) {
-    if (labelStyle.hasOwnProperty(i)) {
-      this.labelDiv_.style[i] = labelStyle[i];
-      this.eventDiv_.style[i] = labelStyle[i];
-    }
-  }
-  this.setMandatoryStyles();
-};
-
-/**
- * Sets the mandatory styles to the DIV representing the label as well as to the
- * associated event DIV. This includes setting the DIV position, zIndex, and visibility.
- * @private
- */
-MarkerLabel_.prototype.setMandatoryStyles = function () {
-  this.labelDiv_.style.position = "absolute";
-  this.labelDiv_.style.overflow = "hidden";
-  // Make sure the opacity setting causes the desired effect on MSIE:
-  if (typeof this.labelDiv_.style.opacity !== "undefined") {
-    this.labelDiv_.style.filter = "alpha(opacity=" + (this.labelDiv_.style.opacity * 100) + ")";
-  }
-
-  this.eventDiv_.style.position = this.labelDiv_.style.position;
-  this.eventDiv_.style.overflow = this.labelDiv_.style.overflow;
-  this.eventDiv_.style.opacity = 0.01; // Don't use 0; DIV won't be clickable on MSIE
-  this.eventDiv_.style.filter = "alpha(opacity=1)"; // For MSIE
-  
-  this.setAnchor();
-  this.setPosition(); // This also updates zIndex, if necessary.
-  this.setVisible();
-};
-
-/**
- * Sets the anchor point of the label.
- * @private
- */
-MarkerLabel_.prototype.setAnchor = function () {
-  var anchor = this.marker_.get("labelAnchor");
-  this.labelDiv_.style.marginLeft = -anchor.x + "px";
-  this.labelDiv_.style.marginTop = -anchor.y + "px";
-  this.eventDiv_.style.marginLeft = -anchor.x + "px";
-  this.eventDiv_.style.marginTop = -anchor.y + "px";
-};
-
-/**
- * Sets the position of the label. The zIndex is also updated, if necessary.
- * @private
- */
-MarkerLabel_.prototype.setPosition = function () {
-  var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition());
-  
-  this.labelDiv_.style.left = position.x + "px";
-  this.labelDiv_.style.top = position.y + "px";
-  this.eventDiv_.style.left = this.labelDiv_.style.left;
-  this.eventDiv_.style.top = this.labelDiv_.style.top;
-
-  this.setZIndex();
-};
-
-/**
- * Sets the zIndex of the label. If the marker's zIndex property has not been defined, the zIndex
- * of the label is set to the vertical coordinate of the label. This is in keeping with the default
- * stacking order for Google Maps: markers to the south are in front of markers to the north.
- * @private
- */
-MarkerLabel_.prototype.setZIndex = function () {
-  var zAdjust = (this.marker_.get("labelInBackground") ? -1 : +1);
-  if (typeof this.marker_.getZIndex() === "undefined") {
-    this.labelDiv_.style.zIndex = parseInt(this.labelDiv_.style.top, 10) + zAdjust;
-    this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;
-  } else {
-    this.labelDiv_.style.zIndex = this.marker_.getZIndex() + zAdjust;
-    this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;
-  }
-};
-
-/**
- * Sets the visibility of the label. The label is visible only if the marker itself is
- * visible (i.e., its visible property is true) and the labelVisible property is true.
- * @private
- */
-MarkerLabel_.prototype.setVisible = function () {
-  if (this.marker_.get("labelVisible")) {
-    this.labelDiv_.style.display = this.marker_.getVisible() ? "block" : "none";
-  } else {
-    this.labelDiv_.style.display = "none";
-  }
-  this.eventDiv_.style.display = this.labelDiv_.style.display;
-};
-
-/**
- * @name MarkerWithLabelOptions
- * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.
- *  The properties available are the same as for <code>google.maps.Marker</code> with the addition
- *  of the properties listed below. To change any of these additional properties after the labeled
- *  marker has been created, call <code>google.maps.Marker.set(propertyName, propertyValue)</code>.
- *  <p>
- *  When any of these properties changes, a property changed event is fired. The names of these
- *  events are derived from the name of the property and are of the form <code>propertyname_changed</code>.
- *  For example, if the content of the label changes, a <code>labelcontent_changed</code> event
- *  is fired.
- *  <p>
- * @property {string|Node} [labelContent] The content of the label (plain text or an HTML DOM node).
- * @property {Point} [labelAnchor] By default, a label is drawn with its anchor point at (0,0) so
- *  that its top left corner is positioned at the anchor point of the associated marker. Use this
- *  property to change the anchor point of the label. For example, to center a 50px-wide label
- *  beneath a marker, specify a <code>labelAnchor</code> of <code>google.maps.Point(25, 0)</code>.
- *  (Note: x-values increase to the right and y-values increase to the bottom.)
- * @property {string} [labelClass] The name of the CSS class defining the styles for the label.
- *  Note that style values for <code>position</code>, <code>overflow</code>, <code>top</code>,
- *  <code>left</code>, <code>zIndex</code>, <code>display</code>, <code>marginLeft</code>, and
- *  <code>marginTop</code> are ignored; these styles are for internal use only.
- * @property {Object} [labelStyle] An object literal whose properties define specific CSS
- *  style values to be applied to the label. Style values defined here override those that may
- *  be defined in the <code>labelClass</code> style sheet. If this property is changed after the
- *  label has been created, all previously set styles (except those defined in the style sheet)
- *  are removed from the label before the new style values are applied.
- *  Note that style values for <code>position</code>, <code>overflow</code>, <code>top</code>,
- *  <code>left</code>, <code>zIndex</code>, <code>display</code>, <code>marginLeft</code>, and
- *  <code>marginTop</code> are ignored; these styles are for internal use only.
- * @property {boolean} [labelInBackground] A flag indicating whether a label that overlaps its
- *  associated marker should appear in the background (i.e., in a plane below the marker).
- *  The default is <code>false</code>, which causes the label to appear in the foreground.
- * @property {boolean} [labelVisible] A flag indicating whether the label is to be visible.
- *  The default is <code>true</code>. Note that even if <code>labelVisible</code> is
- *  <code>true</code>, the label will <i>not</i> be visible unless the associated marker is also
- *  visible (i.e., unless the marker's <code>visible</code> property is <code>true</code>).
- */
-/**
- * Creates a MarkerWithLabel with the options specified in {@link MarkerWithLabelOptions}.
- * @constructor
- * @param {MarkerWithLabelOptions} [opt_options] The optional parameters.
- */
-function MarkerWithLabel(opt_options) {
-  opt_options = opt_options || {};
-  opt_options.labelContent = opt_options.labelContent || "";
-  opt_options.labelAnchor = opt_options.labelAnchor || new google.maps.Point(0, 0);
-  opt_options.labelClass = opt_options.labelClass || "markerLabels";
-  opt_options.labelStyle = opt_options.labelStyle || {};
-  opt_options.labelInBackground = opt_options.labelInBackground || false;
-  if (typeof opt_options.labelVisible === "undefined") {
-    opt_options.labelVisible = true;
-  }
-
-  this.label = new MarkerLabel_(this); // Bind the label to the marker
-
-  // Call the parent constructor. It calls Marker.setValues to initialize, so all
-  // the new parameters are conveniently saved and can be accessed with get/set.
-  // Marker.set triggers a property changed event (called "propertyname_changed")
-  // that the marker label listens for in order to react to state changes.
-  google.maps.Marker.apply(this, arguments);
-}
-
-// MarkerWithLabel inherits from <code>Marker</code>:
-MarkerWithLabel.prototype = new google.maps.Marker();
-
-MarkerWithLabel.prototype.setMap = function (theMap) {
-  // Call the inherited function...
-  google.maps.Marker.prototype.setMap.apply(this, arguments);
-
-  // ... then deal with the label:
-  this.label.setMap(theMap);
-};
-
-
-
-/* generic function for making an XMLHttpRequest
- *  url:   request URL
- *  func:  callback function for success
- *  type:  'text' by default (callback is called with response text)
- *         otherwise, callback is called with a parsed XML dom
- *  fail:  callback function for failure
- *  post:  if given, make a POST request instead of GET; post data given
- *
- *  contenttype: if given for a POST, set request content-type header
- */
-function makeRequest(url, func, type, fail, post, contenttype)
-{
-	var http_request = false;
-
-	type = typeof(type) != 'undefined' ? type : 'text';
-	fail = typeof(fail) != 'undefined' ? fail : function() { };
-
-	if(window.XMLHttpRequest) {
-		http_request = new XMLHttpRequest();
-	} else if(window.ActiveXObject) {
-		http_request = new ActiveXObject("Microsoft.XMLHTTP");
-	}
-
-	if(type == 'text') {
-		http_request.onreadystatechange = function() {
-			if(http_request.readyState == 4) {
-				if(http_request.status == 200) {
-					func(http_request.responseText);
-				} else {
-					fail(http_request);
-				}
-			}
-		}
-	} else {
-		http_request.onreadystatechange = function() {
-			if(http_request.readyState == 4) {
-				if(http_request.status == 200) { func(http_request.responseXML); } else {
-					fail(http_request);
-				}
-			}
-		}
-	}
-
-	if(typeof(post) != 'undefined') {
-		http_request.open('POST', url, true);
-		if(typeof(contenttype) != 'undefined')
-			http_request.setRequestHeader("Content-Type", contenttype);
-		http_request.send(post);
-	} else {
-		http_request.open('GET', url, true);
-		http_request.send(null);
-	}
-}
-
-
-
-
-	var config = {
-		tileUrl:     'http://huncraft.net/tiles/',
-		updateUrl:   'http://huncraft.net/up/',
-		tileWidth:   128,
-		tileHeight:  128,
-		updateRate:  2000,
-		zoomSize:    [ 32, 128, 256 ]
-	};
-
-  function MCMapProjection() {
-  }
-
-  MCMapProjection.prototype.fromLatLngToPoint = function(latLng) {
-    var x = (latLng.lng() * config.tileWidth)|0;
-    var y = (latLng.lat() * config.tileHeight)|0;
-    return new google.maps.Point(x, y);
-  };
-
-  MCMapProjection.prototype.fromPointToLatLng = function(point) {
-    var lng = point.x / config.tileWidth;
-    var lat = point.y / config.tileHeight;
-    return new google.maps.LatLng(lat, lng);
-  };
- 
-	function fromWorldToLatLng(x, y, z)
-	{
-		var dx = +x;
-		var dy = +y - 127;
-		var dz = +z;
-		var px = dx + dz;
-		var py = dx - dz - dy;
-
-		var lng = -px / config.tileWidth / 2 + 0.5;
-		var lat = py / config.tileHeight / 2;
-
-		return new google.maps.LatLng(lat, lng);
-	}
-
-	function mcMapType() {
-	}
-
-	var tileDict = new Array();
-	var lastSeen = new Array();
-
-	function tileUrl(tile, always) {
-		if(always) {
-			var now = new Date();
-			return config.tileUrl + 't_' + tile + '.png?' + now.getTime();
-		} else if(tile in lastSeen) {
-			return config.tileUrl + 't_' + tile + '.png?' + lastSeen[tile];
-		} else {
-			return config.tileUrl + 't_' + tile + '.png?0';
-		}
-	}
-
-	function imgSubst(tile) {
-		if(!(tile in tileDict))
-			return;
-
-		var src = tileUrl(tile);
-		var t = tileDict[tile];
-		t.src = src;
-		t.style.display = '';
-		t.onerror = function() {
-			setTimeout(function() {
-				t.src = tileUrl(tile, 1);
-			}, 1000);
-			t.onerror = '';
-		}
-	}
-
-	mcMapType.prototype.tileSize = new google.maps.Size(config.tileWidth, config.tileHeight);
-	mcMapType.prototype.minZoom = 1;
-	mcMapType.prototype.maxZoom = 2;
-	mcMapType.prototype.getTile = function(coord, zoom, doc) {
-		var img = doc.createElement('IMG');
-
-		img.onerror = function() { img.style.display = 'none'; }
-
-		img.style.width = config.zoomSize[zoom] + 'px';
-		img.style.height = config.zoomSize[zoom] + 'px';
-		img.style.borderStyle = 'none';
-
-		var tilename = (- coord.x * config.tileWidth) + '_' + coord.y * config.tileHeight;
-		tileDict[tilename] = img;
-
-		var url = tileUrl(tilename);
-		img.src = url;
-		//img.style.background = 'url(' + url + ')';
-		//img.innerHTML = '<small>' + tilename + '</small>';
-
-		return img;
-	}
-
-	var markers = new Array();
-	var lasttimestamp = 0;
-	var followPlayer = '';
-
-	var lst;
-	var plistbtn;
-	var lstopen = true;
-	var oldplayerlst = '???';
-
-	function mapUpdate()
-	{
-		makeRequest(config.updateUrl + lasttimestamp, function(res) {
-			var rows = res.split('\n');
-			var loggedin = new Array();
-
-			lasttimestamp = rows[0];
-			delete rows[0];
-
-			var playerlst = ''
-
-			for(var line in rows) {
-				var p = rows[line].split(' ');
-				loggedin[p[0]] = 1;
-				if(p[0] == '') continue;
-
-				if(p.length == 4) {
-					if(playerlst != '') playerlst += '<br>';
-					playerlst += '<img id="icon_' + p[0] + '" class="plicon" src="' + (p[0] == followPlayer ? 'follow_on.png' : 'follow_off.png') + '" onclick="plfollow(' + "'" + p[0] + "'" + ')"> <a href="#" onclick="plclick(' + "'" + p[0] + "'" + ')">' + p[0] + '</a>';
-
-					if(p[0] == followPlayer) {
-						map.setCenter(fromWorldToLatLng(p[1], p[2], p[3]));
-					}
-
-					if(p[0] in markers) {
-						var m = markers[p[0]];
-						var converted = fromWorldToLatLng(p[1], p[2], p[3]);
-						m.setPosition(converted);
-					} else {
-						var converted = fromWorldToLatLng(p[1], p[2], p[3]);
-						var marker = new MarkerWithLabel({
-							position: converted,
-							map: map,
-							labelContent: p[0],
-							labelAnchor: new google.maps.Point(-14, 10),
-							labelClass: "labels",
-							clickable: false,
-							flat: true,
-							icon: new google.maps.MarkerImage('marker.png', new google.maps.Size(28, 28), new google.maps.Point(0, 0), new google.maps.Point(14, 14))
-						});
-
-						markers[p[0]] = marker;
-					}
-				} else if(p.length == 1) {
-					lastSeen[p[0]] = lasttimestamp;
-					imgSubst(p[0]);
-				}
-			}
-
-			if(playerlst != oldplayerlst) {
-				oldplayerlst = playerlst;
-				lst.innerHTML = playerlst;
-			}
-
-			for(var m in markers) {
-				if(!(m in loggedin)) {
-					markers[m].setMap(null);
-					delete markers[m];
-				}
-			}
-
-			setTimeout(mapUpdate, config.updateRate);
-		}, 'text', function() { alert('failed to get update data'); } );
-	}
-
-	function initialize() {
-		lst = document.getElementById('lst');
-		plistbtn = document.getElementById('plistbtn');
-
-		var mapOptions = {
-			zoom: 1,
-			center: new google.maps.LatLng(1, 2),
-			navigationControl: false,
-			scaleControl: false,
-			mapTypeControl: false,
-			streetViewControl: false,
-			mapTypeId: 'mcmap'
-		};
-		map = new google.maps.Map(document.getElementById("mcmap"), mapOptions);
-		mapType = new mcMapType();
-		mapType.projection = new MCMapProjection();
-		map.zoom_changed = function() {
-			mapType.tileSize = new google.maps.Size(config.zoomSize[map.zoom], config.zoomSize[map.zoom]);
-		};
-
-		google.maps.event.addListener(map, 'dragstart', function(mEvent) {
-				plfollow('');
-			});
-
-		map.dragstart = plfollow('');
-		map.mapTypes.set('mcmap', mapType);
-		map.setMapTypeId('mcmap');
-		mapUpdate();
-	}
-
-	function plistopen() {
-		if(lstopen) {
-			lstopen = false;
-			lst.style.display = 'none';
-			lst.style.visibility = 'hidden';
-			plistbtn.src = 'list_off.png';
-		} else {
-			lstopen = true;
-			lst.style.display = '';
-			lst.style.visibility = '';
-			plistbtn.src = 'list_on.png';
-		}
-	}
-
-	function plclick(name) {
-		if(name in markers) {
-			if(name != followPlayer) plfollow('');
-			map.setCenter(markers[name].getPosition());
-		}
-	}
-
-	function plfollow(name) {
-		var icon;
-
-		if(followPlayer == name) {
-			icon = document.getElementById('icon_' + followPlayer);
-			if(icon) icon.src = 'follow_off.png';
-			followPlayer = '';
-			return;
-		}
-
-		if(followPlayer) {
-			icon = document.getElementById('icon_' + followPlayer);
-			if(icon) icon.src = 'follow_off.png';
-			followPlayer = '';
-		}
-
-		if(!name) return;
-
-		icon = document.getElementById('icon_' + name);
-		if(icon) icon.src = 'follow_on.png';
-		followPlayer = name;
-
-		if(name in markers) {
-			map.setCenter(markers[name].getPosition());
-		}
-	}
-</script>
 </head>
-<body onload="initialize()">
+<!-- <body onload="initialize()"> -->
-	<div id="mcmap" style="width:100%; height:100%"></div>
+<body>
-	<div id="plist"><img id="plistbtn" src="list_on.png" onclick="plistopen()"><div id="lst">???</div></div>
+	<div id="mcmap"></div>
+	<div id="plist"><img id="plistbtn" alt="on" src="list_on.png" onclick="plistopen()" />
+		<div id="lst">[Connecting]</div>
+	</div>
+	<div id="link"></div>
 </body>
 </html>

web/map.js

@@ -1,3 +1,14 @@
+var setup = {
+	//Web based path to your tiles. Example: tileUrl: 'http://mydomain.com/myminecraftmap/',
+	tileUrl:     'http://gorfyhome.com/minecraft/',
+	//Web based path to your updates. Example: updateUrl: 'http://mydomain.com/myminecraftmap/up/',
+	updateUrl:   'http:/gorfyhome.com/minecraft/up/',
+	//Seconds the map should poll for updates. (Seconds) * 1000. The default is 2000 (every 2 seconds).
+	updateRate:  2000
+};
+
+/* THERE SHOULD BE NO NEED FOR MANUAL CONFIGURATION BEYOND THIS POINT */
+
 /**
  * This constructor creates a label and associates it with a marker.
  * It is for the private use of the MarkerWithLabel class.
@@ -7,10 +18,10 @@
  */
 function MarkerLabel_(marker) {
   this.marker_ = marker;
-
+ 
   this.labelDiv_ = document.createElement("div");
   this.labelDiv_.style.cssText = "position: absolute; overflow: hidden;";
-
+ 
   // Set up the DIV for handling mouse events in the label. This DIV forms a transparent veil
   // in the "overlayMouseTarget" pane, a veil that covers just the label. This is done so that
   // events can be captured even if the label is in the shadow of a google.maps.InfoWindow.
@@ -18,10 +29,10 @@ function MarkerLabel_(marker) {
   this.eventDiv_ = document.createElement("div");
   this.eventDiv_.style.cssText = this.labelDiv_.style.cssText;
 }
-
+ 
 // MarkerLabel_ inherits from OverlayView:
 MarkerLabel_.prototype = new google.maps.OverlayView();
-
+ 
 /**
  * Adds the DIV representing the label to the DOM. This method is called
  * automatically when the marker's <code>setMap</code> method is called.
@@ -35,7 +46,7 @@ MarkerLabel_.prototype.onAdd = function () {
   var cSavedZIndex;
   var cLatOffset, cLngOffset;
   var cIgnoreClick;
-
+ 
   // Stops all processing of an event.
   //
   var cAbortEvent = function (e) {
@@ -47,10 +58,10 @@ MarkerLabel_.prototype.onAdd = function () {
       e.stopPropagation();
     }
   };
-
+ 
   this.getPanes().overlayImage.appendChild(this.labelDiv_);
   this.getPanes().overlayMouseTarget.appendChild(this.eventDiv_);
-
+ 
   this.listeners_ = [
     google.maps.event.addDomListener(document, "mouseup", function (mEvent) {
       if (cDraggingInProgress) {
@@ -145,7 +156,7 @@ MarkerLabel_.prototype.onAdd = function () {
     })
   ];
 };
-
+ 
 /**
  * Removes the DIV for the label from the DOM. It also removes all event handlers.
  * This method is called automatically when the marker's <code>setMap(null)</code>
@@ -156,13 +167,13 @@ MarkerLabel_.prototype.onRemove = function () {
   var i;
   this.labelDiv_.parentNode.removeChild(this.labelDiv_);
   this.eventDiv_.parentNode.removeChild(this.eventDiv_);
-
+ 
   // Remove event listeners:
   for (i = 0; i < this.listeners_.length; i++) {
     google.maps.event.removeListener(this.listeners_[i]);
   }
 };
-
+ 
 /**
  * Draws the label on the map.
  * @private
@@ -172,7 +183,7 @@ MarkerLabel_.prototype.draw = function () {
   this.setTitle();
   this.setStyles();
 };
-
+ 
 /**
  * Sets the content of the label.
  * The content can be plain text or an HTML DOM node.
@@ -189,7 +200,7 @@ MarkerLabel_.prototype.setContent = function () {
     this.eventDiv_.appendChild(content);
   }
 };
-
+ 
 /**
  * Sets the content of the tool tip for the label. It is
  * always set to be the same as for the marker itself.
@@ -198,7 +209,7 @@ MarkerLabel_.prototype.setContent = function () {
 MarkerLabel_.prototype.setTitle = function () {
   this.eventDiv_.title = this.marker_.getTitle() || "";
 };
-
+ 
 /**
  * Sets the style of the label by setting the style sheet and applying
  * other specific styles requested.
@@ -206,11 +217,11 @@ MarkerLabel_.prototype.setTitle = function () {
  */
 MarkerLabel_.prototype.setStyles = function () {
   var i, labelStyle;
-
+ 
   // Apply style values from the style sheet defined in the labelClass parameter:
   this.labelDiv_.className = this.marker_.get("labelClass");
   this.eventDiv_.className = this.labelDiv_.className;
-
+ 
   // Clear existing inline style values:
   this.labelDiv_.style.cssText = "";
   this.eventDiv_.style.cssText = "";
@@ -224,7 +235,7 @@ MarkerLabel_.prototype.setStyles = function () {
   }
   this.setMandatoryStyles();
 };
-
+ 
 /**
  * Sets the mandatory styles to the DIV representing the label as well as to the
  * associated event DIV. This includes setting the DIV position, zIndex, and visibility.
@@ -237,7 +248,7 @@ MarkerLabel_.prototype.setMandatoryStyles = function () {
   if (typeof this.labelDiv_.style.opacity !== "undefined") {
     this.labelDiv_.style.filter = "alpha(opacity=" + (this.labelDiv_.style.opacity * 100) + ")";
   }
-
+ 
   this.eventDiv_.style.position = this.labelDiv_.style.position;
   this.eventDiv_.style.overflow = this.labelDiv_.style.overflow;
   this.eventDiv_.style.opacity = 0.01; // Don't use 0; DIV won't be clickable on MSIE
@@ -247,7 +258,7 @@ MarkerLabel_.prototype.setMandatoryStyles = function () {
   this.setPosition(); // This also updates zIndex, if necessary.
   this.setVisible();
 };
-
+ 
 /**
  * Sets the anchor point of the label.
  * @private
@@ -259,7 +270,7 @@ MarkerLabel_.prototype.setAnchor = function () {
   this.eventDiv_.style.marginLeft = -anchor.x + "px";
   this.eventDiv_.style.marginTop = -anchor.y + "px";
 };
-
+ 
 /**
  * Sets the position of the label. The zIndex is also updated, if necessary.
  * @private
@@ -271,10 +282,10 @@ MarkerLabel_.prototype.setPosition = function () {
   this.labelDiv_.style.top = position.y + "px";
   this.eventDiv_.style.left = this.labelDiv_.style.left;
   this.eventDiv_.style.top = this.labelDiv_.style.top;
-
+ 
   this.setZIndex();
 };
-
+ 
 /**
  * Sets the zIndex of the label. If the marker's zIndex property has not been defined, the zIndex
  * of the label is set to the vertical coordinate of the label. This is in keeping with the default
@@ -291,7 +302,7 @@ MarkerLabel_.prototype.setZIndex = function () {
     this.eventDiv_.style.zIndex = this.labelDiv_.style.zIndex;
   }
 };
-
+ 
 /**
  * Sets the visibility of the label. The label is visible only if the marker itself is
  * visible (i.e., its visible property is true) and the labelVisible property is true.
@@ -305,7 +316,7 @@ MarkerLabel_.prototype.setVisible = function () {
   }
   this.eventDiv_.style.display = this.labelDiv_.style.display;
 };
-
+ 
 /**
  * @name MarkerWithLabelOptions
  * @class This class represents the optional parameter passed to the {@link MarkerWithLabel} constructor.
@@ -359,29 +370,29 @@ function MarkerWithLabel(opt_options) {
   if (typeof opt_options.labelVisible === "undefined") {
     opt_options.labelVisible = true;
   }
-
+ 
   this.label = new MarkerLabel_(this); // Bind the label to the marker
-
+ 
   // Call the parent constructor. It calls Marker.setValues to initialize, so all
   // the new parameters are conveniently saved and can be accessed with get/set.
   // Marker.set triggers a property changed event (called "propertyname_changed")
   // that the marker label listens for in order to react to state changes.
   google.maps.Marker.apply(this, arguments);
 }
-
+ 
 // MarkerWithLabel inherits from <code>Marker</code>:
 MarkerWithLabel.prototype = new google.maps.Marker();
-
+ 
 MarkerWithLabel.prototype.setMap = function (theMap) {
   // Call the inherited function...
   google.maps.Marker.prototype.setMap.apply(this, arguments);
-
+ 
   // ... then deal with the label:
   this.label.setMap(theMap);
 };
-
+ 
-
+ 
-
+ 
 /* generic function for making an XMLHttpRequest
  *  url:   request URL
  *  func:  callback function for success
@@ -395,16 +406,16 @@ MarkerWithLabel.prototype.setMap = function (theMap) {
 function makeRequest(url, func, type, fail, post, contenttype)
 {
 	var http_request = false;
-
+ 
 	type = typeof(type) != 'undefined' ? type : 'text';
 	fail = typeof(fail) != 'undefined' ? fail : function() { };
-
+ 
 	if(window.XMLHttpRequest) {
 		http_request = new XMLHttpRequest();
 	} else if(window.ActiveXObject) {
 		http_request = new ActiveXObject("Microsoft.XMLHTTP");
 	}
-
+ 
 	if(type == 'text') {
 		http_request.onreadystatechange = function() {
 			if(http_request.readyState == 4) {
@@ -418,15 +429,13 @@ function makeRequest(url, func, type, fail, post, contenttype)
 	} else {
 		http_request.onreadystatechange = function() {
 			if(http_request.readyState == 4) {
-				if(http_request.status == 200) {
+				if(http_request.status == 200) { func(http_request.responseXML); } else {
-					func(http_request.responseXML);
-				} else {
 					fail(http_request);
 				}
 			}
 		}
 	}
-
+ 
 	if(typeof(post) != 'undefined') {
 		http_request.open('POST', url, true);
 		if(typeof(contenttype) != 'undefined')
@@ -437,48 +446,281 @@ function makeRequest(url, func, type, fail, post, contenttype)
 		http_request.send(null);
 	}
 }
-
+ 
-var markers = new Array();
+ 
-
+ 	var config = {
-function initActive()
+		tileUrl:     setup.tileUrl,
-{
+		updateUrl:   setup.updateUrl,
-	playerUpdate();
+		tileWidth:   128,
-}
+		tileHeight:  128,
-
+		updateRate:  setup.updateRate,
-function playerUpdate()
+		zoomSize:    [ 32, 128, 256 ]
-{
+	};
-	makeRequest('/pos', function(res) {
+ 
-		var rows = res.split('\n');
+  function MCMapProjection() {
-		var loggedin = new Array();
+  }
-		for(var line in rows) {
+ 
-			var p = rows[line].split(' ');
+  MCMapProjection.prototype.fromLatLngToPoint = function(latLng) {
-			loggedin[p[0]] = 1;
+    var x = (latLng.lng() * config.tileWidth)|0;
-			if(p[0] == '') continue;
+    var y = (latLng.lat() * config.tileHeight)|0;
-			if(p[0] in markers) {
+    return new google.maps.Point(x, y);
-				var m = markers[p[0]];
+  };
-				var converted = fromWorldToLatLng(p[1], p[2], p[3]);
+ 
-				m.setPosition(converted);
+  MCMapProjection.prototype.fromPointToLatLng = function(point) {
-			} else {
+    var lng = point.x / config.tileWidth;
-			  var converted = fromWorldToLatLng(p[1], p[2], p[3]);
+    var lat = point.y / config.tileHeight;
-			   var marker = new MarkerWithLabel({
+    return new google.maps.LatLng(lat, lng);
-				position: converted,
+  };
-				map: map,
+ 
-				labelContent: p[0],
+	function fromWorldToLatLng(x, y, z)
-				labelAnchor: new google.maps.Point(-10, 30),
+	{
-				labelClass: "labels"
+		var dx = +x;
-			  });
+		var dy = +y - 127;
-
+		var dz = +z;
-			  markers[p[0]] = marker;
+		var px = dx + dz;
-			}
+		var py = dx - dz - dy;
+ 
+		var lng = -px / config.tileWidth / 2 + 0.5;
+		var lat = py / config.tileHeight / 2;
+ 
+		return new google.maps.LatLng(lat, lng);
+	}
+ 
+	function mcMapType() {
+	}
+ 
+	var tileDict = new Array();
+	var lastSeen = new Array();
+ 
+	function tileUrl(tile, always) {
+		if(always) {
+			var now = new Date();
+			return config.tileUrl + 't_' + tile + '.png?' + now.getTime();
+		} else if(tile in lastSeen) {
+			return config.tileUrl + 't_' + tile + '.png?' + lastSeen[tile];
+		} else {
+			return config.tileUrl + 't_' + tile + '.png?0';
 		}
-
+	}
-		for(var m in markers) {
+ 
-			if(!(m in loggedin)) {
+	function imgSubst(tile) {
-				markers[m].setMap(null);
+		if(!(tile in tileDict))
-				delete markers[m];
+			return;
-			}
+ 
+		var src = tileUrl(tile);
+		var t = tileDict[tile];
+		t.src = src;
+		t.style.display = '';
+		t.onerror = function() {
+			setTimeout(function() {
+				t.src = tileUrl(tile, 1);
+			}, 1000);
+			t.onerror = '';
 		}
+	}
+ 
+	mcMapType.prototype.tileSize = new google.maps.Size(config.tileWidth, config.tileHeight);
+	mcMapType.prototype.minZoom = 1;
+	mcMapType.prototype.maxZoom = 2;
+	mcMapType.prototype.getTile = function(coord, zoom, doc) {
+		var img = doc.createElement('IMG');
+ 
+		img.onerror = function() { img.style.display = 'none'; }
+ 
+		img.style.width = config.zoomSize[zoom] + 'px';
+		img.style.height = config.zoomSize[zoom] + 'px';
+		img.style.borderStyle = 'none';
+ 
+		var tilename = (- coord.x * config.tileWidth) + '_' + coord.y * config.tileHeight;
+		tileDict[tilename] = img;
+ 
+		var url = tileUrl(tilename);
+		img.src = url;
+		//img.style.background = 'url(' + url + ')';
+		//img.innerHTML = '<small>' + tilename + '</small>';
+ 
+		return img;
+	}
+ 
+	var markers = new Array();
+	var lasttimestamp = 0;
+	var followPlayer = '';
+ 
+	var lst;
+	var plistbtn;
+	var lstopen = true;
+	var oldplayerlst = '[Connecting]';
+ 
+	function mapUpdate()
+	{
+		makeRequest(config.updateUrl + lasttimestamp, function(res) {
+			var rows = res.split('\n');
+			var loggedin = new Array();
+ 
+			lasttimestamp = rows[0];
+			delete rows[0];
+ 
+			var playerlst = ''
+ 
+			for(var line in rows) {
+				var p = rows[line].split(' ');
+				loggedin[p[0]] = 1;
+				if(p[0] == '') continue;
+ 
+				if(p.length == 4) {
+					if(playerlst != '') playerlst += '<br />';
+					playerlst += '<img id="icon_' + p[0] + '" class="plicon" src="' + (p[0] == followPlayer ? 'follow_on.png' : 'follow_off.png') + '" onclick="plfollow(' + "'" + p[0] + "'" + ')" alt="" /> <a href="#" onclick="plclick(' + "'" + p[0] + "'" + ')">' + p[0] + '</a>';
+ 
+					if(p[0] == followPlayer) {
+						map.setCenter(fromWorldToLatLng(p[1], p[2], p[3]));
+					}
+ 
+					if(p[0] in markers) {
+						var m = markers[p[0]];
+						var converted = fromWorldToLatLng(p[1], p[2], p[3]);
+						m.setPosition(converted);
+					} else {
+						var converted = fromWorldToLatLng(p[1], p[2], p[3]);
+						var marker = new MarkerWithLabel({
+							position: converted,
+							map: map,
+							labelContent: p[0],
+							labelAnchor: new google.maps.Point(-14, 10),
+							labelClass: "labels",
+							clickable: false,
+							flat: true,
+							icon: new google.maps.MarkerImage('marker.png', new google.maps.Size(28, 28), new google.maps.Point(0, 0), new google.maps.Point(14, 14))
+						});
+ 
+						markers[p[0]] = marker;
+					}
+				} else if(p.length == 6) {
+					if(p[0] in markers) {
+						var m = markers[p[0]];
+						var converted = fromWorldToLatLng(p[2], p[3], p[4]);
+						m.setPosition(converted);
+					} else {
+						var image = 'sign.png';
 
-		setTimeout(playerUpdate, 2000);
+						if (p[1] == 'warp')
-	}, 'text', function() { alert('failed to get position data'); } );
+							image = 'watch.png';
-}
+						else if (p[1] == 'home')
+							image = 'list_on.png';
+						else if (p[1] == 'spawn')
+							image = 'list_on.png';
+
+						var converted = fromWorldToLatLng(p[2], p[3], p[4]);
+						var marker = new MarkerWithLabel({
+							position: converted,
+							map: map,
+							labelContent: p[0],
+							labelAnchor: new google.maps.Point(-14, 10),
+							labelClass: "labels",
+							clickable: false,
+							flat: true,
+							icon: new google.maps.MarkerImage(image, new google.maps.Size(28, 28), new google.maps.Point(0, 0), new google.maps.Point(14, 14))
+						});
+						
+						markers[p[0]] = marker;
+					}
+				} else if(p.length == 1) {
+					lastSeen[p[0]] = lasttimestamp;
+					imgSubst(p[0]);
+				}
+			}
+ 
+			if(playerlst != oldplayerlst) {
+				oldplayerlst = playerlst;
+				lst.innerHTML = playerlst;
+			}
+ 
+			for(var m in markers) {
+				if(!(m in loggedin)) {
+					markers[m].setMap(null);
+					delete markers[m];
+				}
+			}
+ 
+			setTimeout(mapUpdate, config.updateRate);
+		}, 'text', function() { alert('failed to get update data'); } );
+	}
+
+	window.onload = function initialize() {
+		lst = document.getElementById('lst');
+		plistbtn = document.getElementById('plistbtn');
+		var mapOptions = {
+			zoom: 1,
+			center: new google.maps.LatLng(0, 1),
+			navigationControl: true,
+			navigationControlOptions: {
+				style: google.maps.NavigationControlStyle.SMALL
+			},
+			scaleControl: false,
+			mapTypeControl: false,
+			streetViewControl: false,
+			mapTypeId: 'mcmap'
+		};
+		map = new google.maps.Map(document.getElementById("mcmap"), mapOptions);
+		mapType = new mcMapType();
+		mapType.projection = new MCMapProjection();
+		map.zoom_changed = function() {
+			mapType.tileSize = new google.maps.Size(config.zoomSize[map.zoom], config.zoomSize[map.zoom]);
+		};
+ 
+		google.maps.event.addListener(map, 'dragstart', function(mEvent) {
+				plfollow('');
+			});
+ 
+		map.dragstart = plfollow('');
+		map.mapTypes.set('mcmap', mapType);
+		map.setMapTypeId('mcmap');
+		mapUpdate();
+	}
+ 
+	function plistopen() {
+		if(lstopen) {
+			lstopen = false;
+			lst.style.display = 'none';
+			lst.style.visibility = 'hidden';
+			plistbtn.src = 'list_off.png';
+		} else {
+			lstopen = true;
+			lst.style.display = '';
+			lst.style.visibility = '';
+			plistbtn.src = 'list_on.png';
+		}
+	}
+ 
+	function plclick(name) {
+		if(name in markers) {
+			if(name != followPlayer) plfollow('');
+			map.setCenter(markers[name].getPosition());
+		}
+	}
+ 
+	function plfollow(name) {
+		var icon;
+ 
+		if(followPlayer == name) {
+			icon = document.getElementById('icon_' + followPlayer);
+			if(icon) icon.src = 'follow_off.png';
+			followPlayer = '';
+			return;
+		}
+ 
+		if(followPlayer) {
+			icon = document.getElementById('icon_' + followPlayer);
+			if(icon) icon.src = 'follow_off.png';
+			followPlayer = '';
+		}
+ 
+		if(!name) return;
+ 
+		icon = document.getElementById('icon_' + name);
+		if(icon) icon.src = 'follow_on.png';
+		followPlayer = name;
+ 
+		if(name in markers) {
+			map.setCenter(markers[name].getPosition());
+		}
+	}

web/style.css

@@ -0,0 +1,42 @@
+html { height: 100% }
+body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
+#mcmap { width:100%; height: 100% }
+#plist {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	border: 1px solid #808080;
+	background: #000;
+	opacity: 0.6;
+	padding: 2px;
+}
+#lst {
+	clear:both;
+	font-family: sans-serif;
+	font-size: 8pt;
+	color: white;
+}
+#plistbtn {
+	float:right;
+}
+#link {
+	position: absolute;
+	bottom: 4px;
+	left: 80px;
+	border: 1px solid #808080;
+	background: #000;
+	opacity: 0.6;
+	padding: 2px;
+	font-size: 8pt;
+	color: #ddd;
+}
+a, a:visited {
+	color: white;
+	text-decoration: none;
+}
+.labels {
+	font-size: 10pt;
+	font-family: sans-serif;
+	white-space: nowrap;
+	color: white;
+}