Template:Fragoria Map

From FragoriaWiki

(Difference between revisions)
Jump to: navigation, search
 
(56 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<link rel="stylesheet" href="/maptiles/noimageshadow.css">
<link rel="stylesheet" href="/maptiles/noimageshadow.css">
-
<script src="/maptiles/js?v=3.exp&sensor=false"></script>
 
-
<script>
+
<script type="text/javascript" src="/maptiles/js?v=3.exp&sensor=false"></script>
 +
<script type="text/javascript" src="/mapdata/markerwithlabel.js"></script>
 +
<script type="text/javascript" src="/wiki/skins/common/fmap.js"></script>
-
var moonTypeOptions = {
+
<style>
-
        getTileUrl: function(coord, zoom) {
+
    .maplabels {
-
var normalizedCoord = getNormalizedCoord(coord, zoom);
+
        color: #000;
-
if (!normalizedCoord) {
+
//       font-family: 'Comic Sans MS', cursive, sans-serif;
-
return null;
+
        line-height: 1em;
-
            }
+
        font-size: 13px;
-
            var bound = Math.pow(2, zoom);
+
        text-shadow: 0px 0px 2px white;
-
            return '/maptiles/' + zoom + '/' + normalizedCoord.y + '_' + normalizedCoord.x + '.jpg';
+
        font-weight: bold;
-
        },
+
        border: 0px solid black;
-
        tileSize: new google.maps.Size(256, 256),
+
        background: transparent url('/wiki/images/e/eb/Backgroundgradient.png');
-
        maxZoom: 3,
+
        background-size: 100% 100%;
-
        minZoom: 1,
+
        background: radial-gradient(white, rgba(255, 255, 255, .6), rgba(255, 255, 255, .0), rgba(255, 255, 255, 0));
-
        radius: 1738000,
+
    }
-
        name: 'Fragoria'
+
</style>
-
};
+
-
 
+
-
var moonMapType = new google.maps.ImageMapType(moonTypeOptions);
+
-
 
+
-
function initialize() {
+
-
var Fragotown = new google.maps.LatLng(-89.623848,33.001326);
+
-
var mapOptions = {
+
-
center: Fragotown,
+
-
zoom: 4,
+
-
streetViewControl: false,
+
-
mapTypeControlOptions: {
+
-
mapTypeIds: ['moon']
+
-
}
+
-
};
+
-
var map = new google.maps.Map(document.getElementById('map_canvas'),
+
-
mapOptions);
+
-
map.mapTypes.set('moon', moonMapType);
+
-
map.setMapTypeId('moon');
+
-
 
+
-
// Bounds
+
-
var strictBounds = new google.maps.LatLngBounds(
+
-
new google.maps.LatLng(-89.957,-65),
+
-
new google.maps.LatLng(65,65)
+
-
);
+
-
// Listen for the CENTER_CHANGED event
+
-
google.maps.event.addListener(map, 'center_changed', function() {
+
-
if (strictBounds.contains(map.getCenter())) return;
+
-
// We're out of bounds - Move the map back within the bounds
+
-
var c = map.getCenter(),
+
-
x = c.lng(),
+
-
y = c.lat(),
+
-
maxX = strictBounds.getNorthEast().lng(),
+
-
maxY = strictBounds.getNorthEast().lat(),
+
-
minX = strictBounds.getSouthWest().lng(),
+
-
minY = strictBounds.getSouthWest().lat();
+
-
if (x < minX) x = minX;
+
-
if (x > maxX) x = maxX;
+
-
if (y < minY) y = minY;
+
-
if (y > maxY) y = maxY;
+
-
map.setCenter(new google.maps.LatLng(y, x));
+
-
});
+
-
// Limit the zoom level
+
-
google.maps.event.addListener(map, 'zoom_changed', function() {
+
-
if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
+
-
});
+
-
 
+
-
setMarkers (map, greendungeons);
+
-
    infowindow = new google.maps.InfoWindow({
+
-
                content: "Loading..."
+
-
            });
+
-
 
+
-
 
+
-
var FragotownMarker = new google.maps.Marker({
+
-
position: new google.maps.LatLng(-89.623848,33.001326),
+
-
map: map,
+
-
draggable:true,
+
-
optimized: false,
+
-
title:"Fragotown"
+
-
});
+
-
+
-
//Report Coordinates
+
-
google.maps.event.addListener(FragotownMarker, 'dragend', function(evt){
+
-
document.getElementById('current').innerHTML = '(' + evt.latLng.lat().toFixed(6) + ',' + evt.latLng.lng().toFixed(6) + ')</p>';
+
-
});
+
-
google.maps.event.addListener(FragotownMarker, 'dragstart', function(evt){
+
-
document.getElementById('current').innerHTML = '<p>Locating...</p>';
+
-
});
+
-
}
+
-
 
+
-
// Normalizes the coords that tiles repeat across the x axis (horizontally)
+
-
// like the standard Google map tiles.
+
-
function getNormalizedCoord(coord, zoom) {
+
-
var y = coord.y;
+
-
var x = coord.x;
+
-
// tile range in one direction range is dependent on zoom level
+
-
// 0 = 1 tile, 1 = 2 tiles, 2 = 4 tiles, 3 = 8 tiles, etc
+
-
var tileRange = 2 << zoom;
+
-
// repeat across y-axis (vertically)
+
-
if (y < 0 || y >= tileRange) {
+
-
// y = (y % tileRange + tileRange) % tileRange;
+
-
return null;
+
-
}
+
-
// repeat across x-axis
+
-
if (x < 0 || x >= tileRange) {
+
-
// x = (x % tileRange + tileRange) % tileRange;
+
-
return null;
+
-
}
+
-
return {
+
-
x: x,
+
-
y: y
+
-
};
+
-
}
+
-
+
-
var greendungeons = [
+
-
['Dark Konung`s Tomb',-89.128166,16.829451,2,
+
-
"<h2>Dark Konung`s Tomb</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Middle Lands (-84/232)<br>Elite Levels : 13<br>Boss Levels : 15<br>Level Restrictions : <b><span style=\"color:#00cd00;\">12+</span></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/b/b1/Tomb_boss.png\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/b/b1/Tomb_boss.png\", \"Dark Konung`s Tomb - Levels 13+\"]], 0);return false'><img src=\"/wiki/images/thumb/b/b1/Tomb_boss.png/180px-Tomb_boss.png\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Robber`s Vault',-89.089905,47.766951,3,
+
-
"<h2>Robber`s Vault</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Middle Lands (98/216)<br>Elite Levels : 15<br>Boss Levels : 20<br>Level Restrictions : <b><span style=\"color:#00cd00;\">12+</span></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/9/9a/RobbersVault.jpg\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/9/9a/RobbersVault.jpg\", \"Robber`s Vault - Levels 12+\"]], 0);return false'><img src=\"/wiki/images/thumb/9/9a/RobbersVault.jpg/180px-RobbersVault.jpg\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Savage Dens',-89.221718,29.309920,4,
+
-
"<h2>Savage Dens</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Middle Lands (-19,268)<br><b><span style=\"color:#990000;\">Red</span> :</b> Middle Lands (-9,268)<br>Elite Levels : 13<br>Boss Levels : 20<br>Level Restrictions : <b><span style=\"color:#00cd00;\">13+</span> | <span style=\"color:#990000;\">13-20</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/3/32/EkNa_Savage-Dens.jpg\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/3/32/EkNa_Savage-Dens.jpg\", \"Savage Dens\"]], 0);return false'><img src=\"/wiki/images/3/32/EkNa_Savage-Dens.jpg\" width=\"180px\" height=\"242px\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Wolf`s Lair',-89.931470,45.657576,5,
+
-
"<h2>Wolf`s Lair</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Southern Stronghold (77/336)<br>Elite Levels : 18<br>Boss Levels : 23<br>Level Restrictions : <b><span style=\"color:#00cd00;\">17+</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/e/e6/Lairboss.png\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/e/e6/Lairboss.png\", \"Wolf`s Lair\"]], 0);return false'><img src=\"/wiki/images/thumb/e/e6/Lairboss.png/180px-Lairboss.png\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Castle Pantry',-89.870076,-49.527971,6,
+
-
"<h2>Castle Pantry</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Western Lands (37/-159)<br>Elite Levels : 27<br>Boss Levels : 27, 28, 28<br>Level Restrictions : <b><span style=\"color:#00cd00;\">24+</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/7/7b/Castlepantry.jpg\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/7/7b/Castlepantry.jpg\", \"Castle Pantry\"]], 0);return false'><img src=\"/wiki/images/7/7b/Castlepantry.jpg\" width=\"180px\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Poisoned Spring',-89.848769,-88.551408,7,
+
-
"<h2>Poisoned Spring</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Western Lands (-184/-210)<br><b><span style=\"color:#990000;\">Red</span> :</b> Western Lands (-184/-210)<br>Elite Levels : 30<br>Boss Levels : 32, 32, 32<br>Level Restrictions : <b><span style=\"color:#00cd00;\">26+</span> | <span style=\"color:#990000;\">26-33</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/7/74/Springboss.png\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/7/74/Springboss.png\", \"Poisoned Spring\"]], 0);return false'><img src=\"/wiki/images/thumb/7/74/Springboss.png/180px-Springboss.png\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Robber`s Camp',-88.900931,-51.901018,8,
+
-
"<h2>Robber`s Camp</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Sea Forest (98/-416)<br><b><span style=\"color:#990000;\">Red</span> :</b> Sea Forest (98/-416)<br>Elite Levels : 35<br>Boss Levels : 35, 35, 35, 35, 35, 35, 35<br>Level Restrictions : <b><span style=\"color:#00cd00;\">32+</span> | <span style=\"color:#990000;\">32-38</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/1/1e/Robberboss.png\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/1/1e/Robberboss.png\", \"Robber`s Camp\"]], 0);return false'><img src=\"/wiki/images/1/1e/Robberboss.png\" width=\"180px\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Underwater Temple (Grandmother`s Cave)',-87.884290,-87.760393,9,
+
-
"<h2>Underwater Temple</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Sea Forest (-121/-628)<br><b><span style=\"color:#990000;\">Red</span> :</b> Sea Forest (-121/-628)<br>Elite Levels : 40<br>Boss Levels : 40, 40, 40, 40, 40<br>Level Restrictions : <b><span style=\"color:#00cd00;\">36+</span> | <span style=\"color:#990000;\">36-43</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/5/54/%D0%9F%D0%BE%D0%B4%D0%B2%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9_%D0%BC%D0%B8%D1%80.jpg\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/5/54/%D0%9F%D0%BE%D0%B4%D0%B2%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9_%D0%BC%D0%B8%D1%80.jpg\", \"Underwater Temple (Grandmother`s Cave)\"]], 0);return false'><img src=\"/wiki/images/5/54/%D0%9F%D0%BE%D0%B4%D0%B2%D0%BE%D0%B4%D0%BD%D1%8B%D0%B9_%D0%BC%D0%B8%D1%80.jpg\" width=\"180px\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['Yard of the Red Witch',-82.335838,-100.152971,10,
+
-
'Coming Soon!'
+
-
],
+
-
['Abandoned Bonekeep',-62.927026,-64.293596,11,
+
-
"<h2>Abandoned Bonekeep</h2><div style=\"text-align:left;\"><b><span style=\"color:#00cd00;\">Green</span> :</b> Northern Mountains (111/-746)<br><b><span style=\"color:#990000;\">Red</span> :</b> Northern Mountains (122/-747)<br>Elite Levels : <b><span style=\"color:#00cd00;\">55</span> | <span style=\"color:#990000;\">60</span></b><br>Boss Levels : 55<br>Level Restrictions : <b><span style=\"color:#00cd00;\">52+</span> | <span style=\"color:#990000;\">52-58</span></b></div><div class=\"thumb\"><div style=\"width:182px;\"><a href=\"/wiki/images/7/7a/Bonekeep.jpg\" rel=\"lightbox\" onclick='jQuery.slimbox([[\"/wiki/images/7/7a/Bonekeep.jpg\", \"Abandoned Bonekeep\"]], 0);return false'><img src=\"/wiki/images/7/7a/Bonekeep.jpg\" width=\"180px\" class=\"thumbimage\"/></a><div class=\"thumbcaption\"><div class=\"magnify\"><img src=\"/wiki/skins/common/images/magnify-clip.png\" width=\"15\" height=\"11\"></div><span style=\"font-size:10px;\">Click to Enlarge</span></div></div></div>"
+
-
],
+
-
['White Worms Lair',24.423564,-113.072893,12,
+
-
'Coming Soon!'
+
-
],
+
-
['Winter Castle',32.450837,-79.059221,13,
+
-
'Coming Soon!'
+
-
],
+
-
['Gates of Night',65.319363,-104.108049,14,
+
-
'Coming Soon!'
+
-
],
+
-
['Prison of the Ancient Gods',67.329878,-103.844377,15,
+
-
'Coming Soon!'
+
-
]
+
-
];
+
-
+
-
function setMarkers(map, locations) {
+
-
var greendungeonimage = {
+
-
url: '/wiki/images/f/f7/Greendungeonicon.png',
+
-
size: new google.maps.Size(40, 40),  
+
-
origin: new google.maps.Point(0, 0),
+
-
anchor: new google.maps.Point(20, 20)
+
-
};
+
-
var greendungeonshape = {
+
-
coords: [0, 0, 0, 40, 40, 40 , 40, 0],
+
-
type: 'poly'
+
-
};
+
-
for (var i = 0; i < locations.length; i++) {
+
-
var greendungeon = locations[i];
+
-
var greendungeonLatLng = new google.maps.LatLng(greendungeon[1], greendungeon[2]);
+
-
var marker = new google.maps.Marker({
+
-
position: greendungeonLatLng,
+
-
map: map,
+
-
icon: greendungeonimage,
+
-
shape: greendungeonshape,
+
-
title: greendungeon[0],
+
-
html: greendungeon[4],
+
-
optimized: false,
+
-
zIndex: greendungeon[3]
+
-
});
+
-
var contentString = "Content";
+
-
google.maps.event.addListener(marker, "click", function () {
+
-
infowindow.setContent(this.html);
+
-
infowindow.open(map, this);
+
-
 
+
-
});
+
-
}
+
-
}
+
-
 
+
-
google.maps.event.addDomListener(window, 'load', initialize);
+
 +
<script>
 +
$('.map_canvas').css('width', '100%').css('width', '+=1px');
</script>
</script>
-
 
<center>
<center>
 +
<div>
 +
<div style="border:33px solid transparent;border-image: url(/wiki/images/d/d9/Mapborder.png) 36 round;z-index:9999999999;">
 +
    <div style="border:1px solid black;border-radius: 18px;border: width: 100%; height: 530px;background-image:url('/wiki/images/1/1f/Background.jpg');margin: -23px -24px -24px -24px;" id="map_canvas">
 +
    </div></div>
 +
    <div id="current">&nbsp;</div>
 +
    <input type="button" value="Show All" onclick="showallMarkers();showallPolylines(999);">
 +
    <input type="button" value="Road Stones" onclick="displayMarkers(100);showallPolylines(999);">
 +
    <input type="button" value="Green Dungeons" onclick="displayMarkers(10);hideallPolylines();">
 +
    <input type="button" value="Red Dungeons" onclick="displayMarkers(20);hideallPolylines();">
 +
    <input type="button" value="Hide All" onclick="hideallMarkers();hideallPolylines();">
 +
</center>
-
<div style="box-shadow: 2px 2px 5px #999999;border: 1px solid black;width: 97%; height: 610px;background-image:url('/wiki/images/1/1f/Background.jpg');" id="map_canvas">
 
-
</div>
 
-
<div id="current">&nbsp;</div>
 
-
</center>
 
</html>
</html>

Current revision as of 10:31, 25 April 2015

 

Personal tools
Date/Time
Server & Cross

Super-Cross Server