|
|
(20 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Fragoria Map}} |
| + | |
| There you are many exciting places and cities that you will visit in the land of fragoria. Furthermore, fragoria not only holds lands but also hidden dungeons that occupies aggressive monsters in different maps. | | There you are many exciting places and cities that you will visit in the land of fragoria. Furthermore, fragoria not only holds lands but also hidden dungeons that occupies aggressive monsters in different maps. |
| | | |
Line 6: |
Line 8: |
| | | |
| {| | | {| |
| + | !Location |
| + | |- |
| ![[Navy Yard]] | | ![[Navy Yard]] |
| |- | | |- |
Line 56: |
Line 60: |
| [[Carawan Way]] | | [[Carawan Way]] |
| | | |
- |
| |
- | <html>
| |
- | <title>Fragoria Map</title> <link rel="stylesheet" href="/maps/documentation/javascript/examples/default.css" />
| |
- | <script src="/maptiles/js?v=3.exp&sensor=false"></script>
| |
- |
| |
- | <script>
| |
- | var moonTypeOptions = {
| |
- | getTileUrl: function(coord, zoom) {
| |
- | var normalizedCoord = getNormalizedCoord(coord, zoom);
| |
- | if (!normalizedCoord) {
| |
- | return null;
| |
- | }
| |
- | var bound = Math.pow(2, zoom);
| |
- | return '/maptiles/' +
| |
- | zoom + '_' + normalizedCoord.x + '_' +
| |
- | normalizedCoord.y + '.png';
| |
- | },
| |
- | tileSize: new google.maps.Size(256, 256),
| |
- | maxZoom: 5,
| |
- | minZoom: 1,
| |
- | radius: 1738000,
| |
- | name: 'Fragoria'
| |
- | };
| |
- |
| |
- | var moonMapType = new google.maps.ImageMapType(moonTypeOptions);
| |
- |
| |
- | function initialize() {
| |
- | var Fragotown = new google.maps.LatLng(-73, 13);
| |
- | var mapOptions = {
| |
- | center: Fragotown,
| |
- | zoom: 5,
| |
- | streetViewControl: false,
| |
- | mapTypeControlOptions: {
| |
- | mapTypeIds: ['moon']
| |
- | }
| |
- | };
| |
- |
| |
- | var map = new google.maps.Map(document.getElementById('map_canvas'),
| |
- | mapOptions);
| |
- | map.mapTypes.set('moon', moonMapType);
| |
- | map.setMapTypeId('moon');
| |
- | }
| |
- |
| |
- | // 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 = 1 << zoom;
| |
- |
| |
- | // don't repeat across y-axis (vertically)
| |
- | if (y < 0 || y >= tileRange) {
| |
- | y = (y % tileRange + tileRange) % tileRange;
| |
- | }
| |
- |
| |
- | // repeat across x-axis
| |
- | if (x < 0 || x >= tileRange) {
| |
- | x = (x % tileRange + tileRange) % tileRange;
| |
- | }
| |
- |
| |
- | return {
| |
- | x: x,
| |
- | y: y
| |
- | };
| |
- | }
| |
- | </script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/common.js"></script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/map.js"></script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/util.js"></script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/onion.js"></script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/controls.js"></script>
| |
- | <script type="text/javascript" charset="UTF-8" src="/maptiles/stats.js"></script>
| |
- | <body onload="initialize()">
| |
- | <center>
| |
- | <div style="width: 800px; height: 800px;background-image:url('/wiki/images/1/1f/Background.jpg');" id="map_canvas">
| |
- | </div>
| |
- | </center>
| |
- | </body>
| |
- | </html>
| |
| | | |
| [[Category:First Steps in the Game]] | | [[Category:First Steps in the Game]] |