Template:Fragoria Map

From FragoriaWiki

(Difference between revisions)
Jump to: navigation, search
 
(115 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>
-
(function(w){var E=w(window),u,f,F=-1,n,x,D,v,y,L,r,m=!window.XMLHttpRequest,s=[],l=document.documentElement,k={},t=new Image(),J=new Image(),H,a,g,p,I,d,G,c,A,K;w(function(){w("body").append(w([H=w('<div id="lbOverlay" />')[0],a=w('<div id="lbCenter" />')[0],G=w('<div id="lbBottomContainer" />')[0]]).css("display","none"));g=w('<div id="lbImage" />').appendTo(a).append(p=w('<div style="position: relative;" />').append([I=w('<a id="lbPrevLink" href="#" />').click(B)[0],d=w('<a id="lbNextLink" href="#" />').click(e)[0]])[0])[0];c=w('<div id="lbBottom" />').appendTo(G).append([w('<a id="lbCloseLink" href="#" />').add(H).click(C)[0],A=w('<div id="lbCaption" />')[0],K=w('<div id="lbNumber" />')[0],w('<div style="clear: both;" />')[0]])[0]});w.slimbox=function(O,N,M){u=w.extend({loop:false,overlayOpacity:0.8,overlayFadeDuration:400,resizeDuration:400,resizeEasing:"swing",initialWidth:250,initialHeight:250,imageFadeDuration:400,captionAnimationDuration:400,counterText:"Image {x} of {y}",closeKeys:[27,88,67],previousKeys:[37,80],nextKeys:[39,78]},M);if(typeof O=="string"){O=[[O,N]];N=0}y=E.scrollTop()+(E.height()/2);L=u.initialWidth;r=u.initialHeight;w(a).css({top:Math.max(0,y-(r/2)),width:L,height:r,marginLeft:-L/2}).show();v=m||(H.currentStyle&&(H.currentStyle.position!="fixed"));if(v){H.style.position="absolute"}w(H).css("opacity",u.overlayOpacity).fadeIn(u.overlayFadeDuration);z();j(1);f=O;u.loop=u.loop&&(f.length>1);return b(N)};w.fn.slimbox=function(M,P,O){P=P||function(Q){return[Q.href,Q.title]};O=O||function(){return true};var N=this;return N.unbind("click").click(function(){var S=this,U=0,T,Q=0,R;T=w.grep(N,function(W,V){return O.call(S,W,V)});for(R=T.length;Q<R;++Q){if(T[Q]==S){U=Q}T[Q]=P(T[Q],Q)}return w.slimbox(T,U,M)})};function z(){var N=E.scrollLeft(),M=E.width();w([a,G]).css("left",N+(M/2));if(v){w(H).css({left:N,top:E.scrollTop(),width:M,height:E.height()})}}function j(M){if(M){w("object").add(m?"select":"embed").each(function(O,P){s[O]=[P,P.style.visibility];P.style.visibility="hidden"})}else{w.each(s,function(O,P){P[0].style.visibility=P[1]});s=[]}var N=M?"bind":"unbind";E[N]("scroll resize",z);w(document)[N]("keydown",o)}function o(O){var N=O.keyCode,M=w.inArray;return(M(N,u.closeKeys)>=0)?C():(M(N,u.nextKeys)>=0)?e():(M(N,u.previousKeys)>=0)?B():false}function B(){return b(x)}function e(){return b(D)}function b(M){if(M>=0){F=M;n=f[F][0];x=(F||(u.loop?f.length:0))-1;D=((F+1)%f.length)||(u.loop?0:-1);q();a.className="lbLoading";k=new Image();k.onload=i;k.src=n}return false}function i(){a.className="";w(g).css({backgroundImage:"url("+n+")",visibility:"hidden",display:""});w(p).width(k.width);w([p,I,d]).height(k.height);w(A).html(f[F][1]||"");w(K).html((((f.length>1)&&u.counterText)||"").replace(/{x}/,F+1).replace(/{y}/,f.length));if(x>=0){t.src=f[x][0]}if(D>=0){J.src=f[D][0]}L=g.offsetWidth;r=g.offsetHeight;var M=Math.max(0,y-(r/2));if(a.offsetHeight!=r){w(a).animate({height:r,top:M},u.resizeDuration,u.resizeEasing)}if(a.offsetWidth!=L){w(a).animate({width:L,marginLeft:-L/2},u.resizeDuration,u.resizeEasing)}w(a).queue(function(){w(G).css({width:L,top:M+r,marginLeft:-L/2,visibility:"hidden",display:""});w(g).css({display:"none",visibility:"",opacity:""}).fadeIn(u.imageFadeDuration,h)})}function h(){if(x>=0){w(I).show()}if(D>=0){w(d).show()}w(c).css("marginTop",-c.offsetHeight).animate({marginTop:0},u.captionAnimationDuration);G.style.visibility=""}function q(){k.onload=null;k.src=t.src=J.src=n;w([a,g,c]).stop(true);w([I,d,g,G]).hide()}function C(){if(F>=0){q();F=x=D=-1;w(a).hide();w(H).stop().fadeOut(u.overlayFadeDuration,j)}return false}})(jQuery);
+
<style>
-
 
+
    .maplabels {
-
// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
+
         color: #000;
-
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
+
//       font-family: 'Comic Sans MS', cursive, sans-serif;
-
jQuery(function($) {
+
        line-height: 1em;
-
$("a[rel^='lightbox']").slimbox({/* Put custom options here */}, null, function(el) {
+
        font-size: 13px;
-
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
+
        text-shadow: 0px 0px 2px white;
-
});
+
        font-weight: bold;
-
});
+
        border: 0px solid black;
-
}
+
        background: transparent url('/wiki/images/e/eb/Backgroundgradient.png');
-
 
+
        background-size: 100% 100%;
-
var moonTypeOptions = {
+
        background: radial-gradient(white, rgba(255, 255, 255, .6), rgba(255, 255, 255, .0), rgba(255, 255, 255, 0));
-
         getTileUrl: function(coord, zoom) {
+
    }
-
var normalizedCoord = getNormalizedCoord(coord, zoom);
+
</style>
-
if (!normalizedCoord) {
+
-
return null;
+
-
            }
+
-
            var bound = Math.pow(2, zoom);
+
-
            return '/maptiles/' + zoom + '/' + normalizedCoord.y + '_' + normalizedCoord.x + '.jpg';
+
-
        },
+
-
        tileSize: new google.maps.Size(256, 256),
+
-
        maxZoom: 3,
+
-
        minZoom: 1,
+
-
        radius: 1738000,
+
-
        name: 'Fragoria'
+
-
};
+
-
 
+
-
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 Konungs Tomb',-89.128166,16.829451,2,
+
-
'<a href="/wiki/images/b/b1/Tomb_boss.png" rel="lightbox" onclick="jQuery.slimbox("/wiki/images/b/b1/Tomb_boss.png", "my caption");return false"  class="image" title="Dark Konungs Tomb - Levels 13-20"><img src="/wiki/images/thumb/b/b1/Tomb_boss.png/180px-Tomb_boss.png" alt="Dark Konungs Tomb - Levels 13-20" border="0" class="thumbimage"/><br>Cick to Enlarge</a>'
+
-
],
+
-
['Robbers Vault',-89.089905,47.766951,3,
+
-
'<img src="/wiki/images/1/10/KZsmJ1.jpg" />'
+
-
],
+
-
['Savage Dens',-89.221718,29.309920,4,
+
-
'<img src="/wiki/images/thumb/3/32/EkNa_Savage-Dens.jpg/596px-EkNa_Savage-Dens.jpg" />'
+
-
],
+
-
['Wolfs Lair',-89.931470,45.657576,5,
+
-
'<img src="/wiki/images/e/e6/Lairboss.png" />'
+
-
],
+
-
['Castle Pantry',-89.870076,-49.527971,6,
+
-
'<img src="/wiki/images/5/56/NdiEH1.jpg" />'
+
-
],
+
-
['Poisoned Spring',-89.848769,-88.551408,7,
+
-
'<img src="/wiki/images/7/74/Springboss.png" />'
+
-
],
+
-
['Robbers Camp',-88.900931,-51.901018,8,
+
-
'<img src="/wiki/images/1/1e/Robberboss.png" />'
+
-
],
+
-
['Underwater Temple Grandmothers Cave',-87.884290,-87.760393,9,
+
-
'<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" />'
+
-
],
+
-
['Yard of the Red Witch',-82.335838,-100.152971,10,
+
-
'<img src="/wiki/images/c/cc/Red_witch%27s1.jpg" /><br><img src="/wiki/images/6/64/Red_witch%27s2.jpg" /><br><img src="/wiki/images/c/c1/Red_witch%27s3.jpg" /><br><img src="/wiki/images/8/84/Red_witch%27s4.jpg" /><br><img src="/wiki/images/6/67/Red_witch%27s5.jpg" /><br><img src="/wiki/images/a/a6/Red_witch%27s6.jpg" /><br><img src="/wiki/images/3/39/Red_witch%27s7.jpg" />'
+
-
],
+
-
['Abandoned Bonekeep',-62.927026,-64.293596,11,
+
-
'<img src="/wiki/images/2/24/Bonekeep1.jpg" />'
+
-
],
+
-
['White Worms Lair',24.423564,-113.072893,12,
+
-
'<img src="/wiki/images/b/ba/WormLair_01.png" /><br><img src="/wiki/images/8/86/WormLair_02.png" /><br><img src="/wiki/images/f/f1/WormLair_03.png" />'
+
-
],
+
-
['Winter Castle',32.450837,-79.059221,13,
+
-
'Under Construction'
+
-
],
+
-
['Gates of Night',65.319363,-104.108049,14,
+
-
'<table style="background: transparent;"><tbody><tr><td></td><td></td><td></td></tr><tr><td><a href="/wiki/index.php/File:3-1.jpg" class="image" title="3-1.jpg"><img alt="" src="/wiki/images/thumb/c/c1/3-1.jpg/200px-3-1.jpg" width="200" height="196" border="0"></a><br><a href="/wiki/index.php/File:4-1.jpg" class="image" title="4-1.jpg"><img alt="" src="/wiki/images/thumb/a/a0/4-1.jpg/200px-4-1.jpg" width="200" height="196" border="0"></a></td><td><center><a href="/wiki/index.php/File:O_288_9_w10_ru.jpg" class="image" title="O 288 9 w10 ru.jpg"><img alt="" src="/wiki/images/thumb/e/e1/O_288_9_w10_ru.jpg/300px-O_288_9_w10_ru.jpg" width="300" height="510" border="0"></a></center></td><td><a href="/wiki/index.php/File:5-1.jpg" class="image" title="5-1.jpg"><img alt="" src="/wiki/images/thumb/d/d4/5-1.jpg/200px-5-1.jpg" width="200" height="196" border="0"></a><br><a href="/wiki/index.php/File:2-1.jpg" class="image" title="2-1.jpg"><img alt="" src="/wiki/images/thumb/9/90/2-1.jpg/200px-2-1.jpg" width="200" height="196" border="0"></a></td></tr><tr><td><a href="/wiki/index.php/File:O_290_9_w10_ru.jpg" class="image" title="O 290 9 w10 ru.jpg"><img alt="" src="/wiki/images/thumb/c/c7/O_290_9_w10_ru.jpg/200px-O_290_9_w10_ru.jpg" width="200" height="302" border="0"></a></td><td><a href="/wiki/index.php/File:O_291_9_m0_ru.jpg" class="image" title="O 291 9 m0 ru.jpg"><img alt="" src="/wiki/images/thumb/f/fa/O_291_9_m0_ru.jpg/300px-O_291_9_m0_ru.jpg" width="300" height="237" border="0"></a></td><td><a href="/wiki/index.php/File:O_289_9_w10_ru.jpg" class="image" title="O 289 9 w10 ru.jpg"><img alt="" src="/wiki/images/thumb/7/78/O_289_9_w10_ru.jpg/200px-O_289_9_w10_ru.jpg" width="200" height="302" border="0"></a></td></tr><tr><td><a href="/wiki/index.php/File:1-1.jpg" class="image" title="1-1.jpg"><img alt="" src="/wiki/images/thumb/9/98/1-1.jpg/200px-1-1.jpg" width="200" height="196" border="0"></a><br><a href="/wiki/index.php/File:1-2.jpg" class="image" title="1-2.jpg"><img alt="" src="/wiki/images/thumb/d/da/1-2.jpg/200px-1-2.jpg" width="200" height="196" border="0"></a></td><td><a href="/wiki/index.php/File:O_287_9_w10_ru.jpg" class="image" title="O 287 9 w10 ru.jpg"><img alt="" src="/wiki/images/thumb/3/35/O_287_9_w10_ru.jpg/300px-O_287_9_w10_ru.jpg" width="300" height="365" border="0"></a></td><td><a href="/wiki/index.php/File:1-3.jpg" class="image" title="1-3.jpg"><img alt="" src="/wiki/images/thumb/f/f5/1-3.jpg/200px-1-3.jpg" width="200" height="196" border="0"></a><br><a href="/wiki/index.php/File:1-4.jpg" class="image" title="1-4.jpg"><img alt="" src="/wiki/images/thumb/c/c7/1-4.jpg/200px-1-4.jpg" width="200" height="196" border="0"></a></td></tr></tbody></table>'
+
-
],
+
-
['Prison of the Ancient Gods',67.329878,-103.844377,15,
+
-
'<img src="/wiki/images/8/8f/Prison1.png" /><br><img src="/wiki/images/5/5b/Prison2.jpg" />'
+
-
]
+
-
];
+
-
+
-
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

 

Retrieved from "http://en.fragoriawiki.com/wiki/index.php/Template:Fragoria_Map"
Personal tools
Date/Time
Server & Cross
Super-Cross Server