Upstream/dynmap
1
0
Fork 0
mirror of https://github.com/webbukkit/dynmap.git synced 2024-12-24 17:47:40 +01:00
Code Issues Projects Releases Wiki Activity

Browse Source
This commit is contained in:
fescen9 2010-12-05 21:00:52 +00:00
parent af18b73908
commit c81cbfeeca
14 changed files with 695 additions and 823 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
MapListener.java
View File

@ -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;
}

220
MapManager.java
View File

@ -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.io.File;
import java.io.IOException;
import java.awt.Color;
import java.util.logging.Level;
import java.util.logging.Logger;
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;
}
}

4
MapMarker.java Normal file
View File

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

6
MapTile.java
View File

@ -118,8 +118,10 @@ public class MapTile {
String path = getPath(mgr);
File file = new File(path);
ImageIO.write(im, "png", file);
//log.info("Saved tile: " + path);
} catch(java.lang.NullPointerException e) {
// 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);
}

2
WebServer.java
View File

@ -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()

13
WebServerRequest.java
View File

@ -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) {

9
build.bat Normal file
View File

@ -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

5
clean.bat Normal file
View File

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

6
map.java
View File

@ -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");
}
}

746
web/index.html
View File

@ -1,733 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
#mcmap { height: 100% }
#plist {
position: absolute;
top: 8px;
left: 8px;
border: 1px solid gray;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.6);
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Minecraft Dynamic Map" />
<meta name="keywords" content="minecraft, map, dynamic" />
<meta name="language" content="en"/>
<title>
Minecraft Dynamic Map
</title>
<link rel="shortcut icon" href="follow_off.png" type="image/png" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="map.js" ></script>
</head>
<body onload="initialize()">
<div id="mcmap" style="width:100%; height:100%"></div>
<div id="plist"><img id="plistbtn" src="list_on.png" onclick="plistopen()"><div id="lst">???</div></div>
<!-- <body onload="initialize()"> -->
<body>
<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>

402
web/map.js
View File

@ -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) {
func(http_request.responseXML);
} else {
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')
@ -437,48 +446,281 @@ function makeRequest(url, func, type, fail, post, contenttype)
http_request.send(null);
}
}
var markers = new Array();
function initActive()
{
playerUpdate();
}
function playerUpdate()
{
makeRequest('/pos', function(res) {
var rows = res.split('\n');
var loggedin = new Array();
for(var line in rows) {
var p = rows[line].split(' ');
loggedin[p[0]] = 1;
if(p[0] == '') continue;
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(-10, 30),
labelClass: "labels"
});
markers[p[0]] = marker;
}
var config = {
tileUrl: setup.tileUrl,
updateUrl: setup.updateUrl,
tileWidth: 128,
tileHeight: 128,
updateRate: setup.updateRate,
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';
}
for(var m in markers) {
if(!(m in loggedin)) {
markers[m].setMap(null);
delete markers[m];
}
}
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 = '[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);
}, 'text', function() { alert('failed to get position data'); } );
}
if (p[1] == 'warp')
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());
}
}

BIN
web/sign.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 681 B

42
web/style.css Normal file
View File

@ -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;
}

BIN
web/watch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB