Minor cleaups.
This commit is contained in:
parent
27fb8a20f1
commit
d634aede92
2 changed files with 218 additions and 253 deletions
|
|
@ -23,9 +23,9 @@
|
||||||
<div id="mcmap"></div>
|
<div id="mcmap"></div>
|
||||||
<div id="alert">Updating...</div>
|
<div id="alert">Updating...</div>
|
||||||
<div id="plist">
|
<div id="plist">
|
||||||
<img id="plistbtn" alt="on" src="list_on.png" onclick="plistopen()" title="Toggle Player List" />
|
<input type="checkbox" onclick="$('#lst').toggle()" title="Toggle Player List" checked="checked"/>
|
||||||
<div id="maplist"></div>
|
|
||||||
<div id="lst">
|
<div id="lst">
|
||||||
|
<div id="maplist"></div>
|
||||||
<div id="playerlst"></div>
|
<div id="playerlst"></div>
|
||||||
<div id="clock"></div>
|
<div id="clock"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
49
web/map.js
49
web/map.js
|
|
@ -87,11 +87,7 @@ function onTileUpdated(tileName) {
|
||||||
var clock = null;
|
var clock = null;
|
||||||
var markers = new Array();
|
var markers = new Array();
|
||||||
var lasttimestamp = '0';
|
var lasttimestamp = '0';
|
||||||
var followPlayer = '';
|
var followingPlayer = '';
|
||||||
|
|
||||||
var lst;
|
|
||||||
var plistbtn;
|
|
||||||
var lstopen = true;
|
|
||||||
|
|
||||||
function updateMarker(mi) {
|
function updateMarker(mi) {
|
||||||
if(mi.id in markers) {
|
if(mi.id in markers) {
|
||||||
|
|
@ -104,7 +100,6 @@ var clock = null;
|
||||||
m.show();
|
m.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
var converted = mi.position;
|
|
||||||
m.setPosition(mi.position);
|
m.setPosition(mi.position);
|
||||||
} else {
|
} else {
|
||||||
var contentfun = function(div,mi) {
|
var contentfun = function(div,mi) {
|
||||||
|
|
@ -147,7 +142,7 @@ var clock = null;
|
||||||
})
|
})
|
||||||
.addClass('followButton')
|
.addClass('followButton')
|
||||||
.click(function(e) {
|
.click(function(e) {
|
||||||
plfollow(mi.id != followPlayer ? mi.id : '');
|
followPlayer(mi.id != followingPlayer ? mi.id : '');
|
||||||
}))
|
}))
|
||||||
.append(marker.playerIconContainer = $('<span/>'))
|
.append(marker.playerIconContainer = $('<span/>'))
|
||||||
.append($('<a/>')
|
.append($('<a/>')
|
||||||
|
|
@ -166,7 +161,7 @@ var clock = null;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if(mi.id == followPlayer) {
|
if(mi.id == followingPlayer) {
|
||||||
map.panTo(markers[mi.id].getPosition());
|
map.panTo(markers[mi.id].getPosition());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -245,9 +240,6 @@ var clock = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
window.onload = function initialize() {
|
window.onload = function initialize() {
|
||||||
lst = document.getElementById('lst');
|
|
||||||
plistbtn = document.getElementById('plistbtn');
|
|
||||||
|
|
||||||
var mapOptions = {
|
var mapOptions = {
|
||||||
zoom: 1,
|
zoom: 1,
|
||||||
center: new google.maps.LatLng(0, 1),
|
center: new google.maps.LatLng(0, 1),
|
||||||
|
|
@ -263,7 +255,7 @@ var clock = null;
|
||||||
map = new google.maps.Map(document.getElementById("mcmap"), mapOptions);
|
map = new google.maps.Map(document.getElementById("mcmap"), mapOptions);
|
||||||
|
|
||||||
google.maps.event.addListener(map, 'dragstart', function(mEvent) {
|
google.maps.event.addListener(map, 'dragstart', function(mEvent) {
|
||||||
plfollow('');
|
followPlayer('');
|
||||||
});
|
});
|
||||||
google.maps.event.addListener(map, 'zoom_changed', function() {
|
google.maps.event.addListener(map, 'zoom_changed', function() {
|
||||||
makeLink();
|
makeLink();
|
||||||
|
|
@ -271,7 +263,7 @@ var clock = null;
|
||||||
google.maps.event.addListener(map, 'center_changed', function() {
|
google.maps.event.addListener(map, 'center_changed', function() {
|
||||||
makeLink();
|
makeLink();
|
||||||
});
|
});
|
||||||
map.dragstart = plfollow('');
|
map.dragstart = followPlayer('');
|
||||||
|
|
||||||
$.each(config.maps, function(name, mapType){
|
$.each(config.maps, function(name, mapType){
|
||||||
map.mapTypes.set(name, mapType);
|
map.mapTypes.set(name, mapType);
|
||||||
|
|
@ -307,21 +299,7 @@ var clock = null;
|
||||||
setTimeout(mapUpdate, config.updateRate);
|
setTimeout(mapUpdate, config.updateRate);
|
||||||
}
|
}
|
||||||
|
|
||||||
function plistopen() {
|
function followPlayer(name) {
|
||||||
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 plfollow(name) {
|
|
||||||
$('.followButton').removeAttr('checked');
|
$('.followButton').removeAttr('checked');
|
||||||
|
|
||||||
if(name in markers) {
|
if(name in markers) {
|
||||||
|
|
@ -329,7 +307,7 @@ var clock = null;
|
||||||
$(m.followButton).attr('checked', 'checked');
|
$(m.followButton).attr('checked', 'checked');
|
||||||
map.panTo(m.getPosition());
|
map.panTo(m.getPosition());
|
||||||
}
|
}
|
||||||
followPlayer = name;
|
followingPlayer = name;
|
||||||
}
|
}
|
||||||
|
|
||||||
function makeLink() {
|
function makeLink() {
|
||||||
|
|
@ -339,16 +317,3 @@ var clock = null;
|
||||||
+ "&zoom=" + map.getZoom();
|
+ "&zoom=" + map.getZoom();
|
||||||
document.getElementById("link").innerHTML = a;
|
document.getElementById("link").innerHTML = a;
|
||||||
}
|
}
|
||||||
|
|
||||||
//remove item (string or number) from an array
|
|
||||||
function removeItem(originalArray, itemToRemove) {
|
|
||||||
var j = 0;
|
|
||||||
while (j < originalArray.length) {
|
|
||||||
// alert(originalArray[j]);
|
|
||||||
if (originalArray[j] == itemToRemove) {
|
|
||||||
originalArray.splice(j, 1);
|
|
||||||
} else { j++; }
|
|
||||||
}
|
|
||||||
// assert('hi');
|
|
||||||
return originalArray;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue