HI, I'm trying to use this plugin to display tiles from Tilecache wi

Does it works with custom extent? about ol-tilecache HOT 2 CLOSED

t1geomatika commented on July 25, 2024

Does it works with custom extent?

from ol-tilecache.

Comments (2)

ghettovoice commented on July 25, 2024

Hi!
As I know, to use custom resolutions you need define custom tileGrid with your custom resolutions and extent.
Without that ol3 will create and use a default TileGrid whose resolutions and origin will be determined based on the projection's validity extent. Some information about that link
You need something like that:

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <link rel="stylesheet" href="http://openlayers.org/en/latest/css/ol.css" />
        <style>
            html, body, #map {
                width: 100%;
                height: 100%;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div id="map"></div>

        <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.6/proj4.js"></script>
        <script src="http://epsg.io/3943-1753.js"></script>
        <script src="http://openlayers.org/en/latest/build/ol.js"></script>
        <script src="C:/Users/ghetto/Documents/GitHub/ol3-tilecache/dist/ol3-tilecache.js"></script>

        <script>
            var projection = new ol.proj.Projection({
                code: 'EPSG:3943',
                extent: [624227.05, 2076993.88, 2217136.99, 3178000.51]
            });

            var resolutions = [35.2777777778, 17.6388888889, 8.81944444444, 3.52777777778, 1.76388888889, 0.881944444444, 0.705555555556, 0.352777777778, 0.176388888889, 0.0881944444444];
            var layer=new ol.layer.Tile({
                  source: new ol.source.XYZ({
                      tileUrlFunction: 
                      ol.TileCacheUrlFunction.createTileUrlFunction('http://myTilecacheServer/myTileset/{0z}/{x1}/{x2}/{x3}/{-y1}/{-y2}/{-y3}.png'),
                      projection: 'EPSG:3943',
                      tileGrid: new ol.tilegrid.TileGrid({
                          origin: [624227.05, 2076993.88],
                          extent: [624227.05, 2076993.88, 2217136.99, 3178000.51],
                          resolutions: resolutions
                      })
                  })
              });
            var maptest = new ol.Map({
                target: 'map',
                view: new ol.View({
                    projection: 'EPSG:3943',
                    center: [1339328.5216125,2263462.0748125],
                    zoom: 0,
                    resolutions: resolutions
                }),
                layers: [layer]
            });
        </script>
    </body>
</html>

from ol-tilecache.

ghettovoice commented on July 25, 2024

So I close this issue. If you have questions, please, reopen it.

from ol-tilecache.

Does it works with custom extent? about ol-tilecache HOT 2 CLOSED

Comments (2)

Related Issues (6)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent