Mercurial > hg > batmud > gmap2
changeset 94:887eef05e215 gmap2
Cosmetics.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Sun, 16 Oct 2011 02:24:22 +0300 |
parents | 2324a519ebec |
children | 38cec25e5f36 |
files | markers.js |
diffstat | 1 files changed, 61 insertions(+), 26 deletions(-) [+] |
line wrap: on
line diff
--- a/markers.js Sun Oct 16 02:21:54 2011 +0300 +++ b/markers.js Sun Oct 16 02:24:22 2011 +0300 @@ -8,24 +8,31 @@ var builtin_data = []; var side_builtin_html = ""; -function myclick(i) { + +function myclick(i) +{ b = gmarkers[i]; map.panTo(b); } -function createMarker(point,name,html,icon,type,continent,sidebar) { - var marker = new GMarker(point,{icon:icon}); - GEvent.addListener(marker,"click",function() { + +function createMarker(point,name,html,icon,type,continent,sidebar) +{ + var marker = new GMarker(point, {icon:icon}); + GEvent.addListener(marker, "click", function() + { marker.openInfoWindowHtml("<div style=\"color:#000;\">"+html+"</div>"); }); gmarkers[mi] = point; - if (sidebar == "builtin") { + if (sidebar == "builtin") + { builtin_data[bi] = new Array(2); builtin_data[bi][0] = type; builtin_data[bi][1] = continent; side_builtin_html += '<div class="'+continent+'" id="marker'+bi+'"><a href="javascript:myclick(' + mi + ')">' + name + '</a></div>'; bi++; } + if (sidebar == "private") side_private_html += '<a href="javascript:myclick(' + mi + ')">' + name + '</a><br>'; if (sidebar == "public") side_public_html += '<a href="javascript:myclick(' + mi + ')">' + name + '</a><br>'; @@ -33,11 +40,14 @@ return marker; } -GDownloadUrl("markers.xml", function(data,responseCode) { + +GDownloadUrl("markers.xml", function(data,responseCode) +{ var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); - for (var j = 0; j < markers.length; j++) { + for (var j = 0; j < markers.length; j++) + { var name = markers[j].getAttribute("name"); var html = markers[j].getAttribute("html"); var x = markers[j].getAttribute("x"); @@ -65,11 +75,14 @@ document.getElementById("sidecontent").innerHTML = side_builtin_html; }); -GDownloadUrl("tradelane.xml", function(data,responseCode) { + +GDownloadUrl("tradelane.xml", function(data,responseCode) +{ var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); - for (var j = 0; j < markers.length; j++) { + for (var j = 0; j < markers.length; j++) + { var name = markers[j].getAttribute("name"); var html = markers[j].getAttribute("html"); var x = markers[j].getAttribute("x"); @@ -88,11 +101,13 @@ }); -GDownloadUrl("troverlay.xml", function(data,responseCode) { +GDownloadUrl("troverlay.xml", function(data,responseCode) +{ var xml = GXml.parse(data); var lines = xml.documentElement.getElementsByTagName("line"); - for (var j = 0; j < lines.length; j++) { + for (var j = 0; j < lines.length; j++) + { var coords = []; var points = lines[j].getElementsByTagName("point"); for (var i = 0; i < points.length; i++) { @@ -107,26 +122,34 @@ }); - +/* + * Menu code + */ var visStates = []; -function setVisState(c, show) { +function setVisState(c, show) +{ visStates[c] = show; document.getElementById("sp" + c).style.background = show ? "white" : "red"; } function updateVisible() { - for (var i = 0; i < builtin_data.length; i++) { + for (var i = 0; i < builtin_data.length; i++) + { var show = visStates[builtin_data[i][0]] && visStates[builtin_data[i][1]]; document.getElementById("marker" + i).style.display = show ? "block" : "none"; } } -function setVisContinent(c, show) { + +function setVisContinent(c, show) +{ setVisState(c, show); - if (c == "all_c") { - for (var i = 0; i < continents.length; i++) { + if (c == "all_c") + { + for (var i = 0; i < continents.length; i++) + { var q = continents[i]; if (q != null) setVisState(q[0], show); @@ -134,10 +157,14 @@ } } -function setVisType(c, show) { + +function setVisType(c, show) +{ setVisState(c, show); - if (c == "all_t") { - for (var i = 0; i < markertypes.length; i++) { + if (c == "all_t") + { + for (var i = 0; i < markertypes.length; i++) + { var q = markertypes[i]; if (q != null) setVisState(q[1], show); @@ -145,12 +172,16 @@ } } -function toggleVisContinent(c) { + +function toggleVisContinent(c) +{ setVisContinent(c, !visStates[c]); updateVisible(); } -function toggleVisType(c) { + +function toggleVisType(c) +{ setVisType(c, !visStates[c]); updateVisible(); } @@ -159,9 +190,11 @@ // Print elements var str = ""; var n = 0; -for (var i = 0; i < continents.length; i++) { +for (var i = 0; i < continents.length; i++) +{ var q = continents[i]; - if (q != null) { + if (q != null) + { var c = q[0]; str += "<span id=\"sp"+c+"\"><a href=\"javascript:toggleVisContinent('"+c+"')\">"+c+"</a></span>\n"; if (n == 2) str += "<br />\n"; @@ -174,9 +207,11 @@ str += "<br /><br />\n"; n = 0; -for (var i = 0; i < markertypes.length; i++) { +for (var i = 0; i < markertypes.length; i++) +{ var q = markertypes[i]; - if (q != null) { + if (q != null) + { var c = q[1]; str += "<span id=\"sp"+c+"\"><a href=\"javascript:toggleVisType('"+c+"')\">"+markertypes[i][0]+"</a></span>\n"; if (n == 2) str += "<br />\n";