Using ol-tilecache with EPSG:4326 Tiles

[sonalanshika]

Using ol-tilecache with EPSG:4326 Tiles

[ghettovoice]

Hi @sonalanshika,
from snapshots that you send me I see that something wrong with raster reprojection.
Try to set 'EPSG:4326' projection to the XYZ source or map view.

const map = new ol.Map({
  ...
  view: new ol.View({
    projection: 'EPSG:4326',
  })
})

// and for the tile source cause by default it use EPSG:3857
var maplayer = new ol.layer.Tile({
  source: new ol.source.XYZ({
    projection: 'EPSG:4326',
    tileUrlFunction: createTileUrlFunction('https://URL_To_Tilecache/{0z}/{x1}/{x2}/{x3}/{-y1}/{-y2}/{-y3}.jpeg',tileGrid,map_extent)
  })
});

[sonalanshika]

Hi,

Thank you. however it solved the problem only partially. It is not showing the complete extent still. My code-snippet is below. Please suggest further.

var projection = ol.proj.get('EPSG:4326');

var map_extent=projection.getExtent();;
var origin = ol.extent.getTopLeft(projection.getExtent());

var maplayer = new ol.layer.Tile({
source: new ol.source.XYZ({
tileUrlFunction: createTileUrlFunction('https://URL_To_Tilecache/{0z}/{x1}/{x2}/{x3}/{-y1}/{-y2}/{-y3}.jpeg',tileGrid,map_extent),
projection: projection
})
});

var mapview = new ol.View({
center: [78.0000 , 21.0000 ],
projection: 'EPSG:4326',
resolutions: resolution_map,
zoom: 0,
minZoom: 0,
maxZoom: 17
});

map = new ol.Map({
target: 'map',
projection: 'EPSG:4326',
layers: [maplayer ],
view: mapview
});

[ghettovoice]

Hmm, still looks like a problem with view configuration or resolutions.

Try initialize view like below

var mapview = new ol.View({
  center: [78.0000 , 21.0000 ],
  projection: 'EPSG:4326', 
  zoom: 0,
  maxZoom: 17,
});

And tile grid

var tileGrid = ol.tilegrid.createXYZ({
  extent: ol.proj.get('EPSG:4326').getExtent(),
  maxZoom: 17,
  tileSize: [256, 256],
});

And also try to create source with you custom grid

const source = new ol.source.XYZ({
  tileUrlFunction: createTileUrlFunction('https://URL_To_Tilecache/{0z}/{x1}/{x2}/{x3}/{-y1}/{-y2}/{-y3}.jpeg',tileGrid,map_extent),
  projection: projection, 
  tileGrid: tileGrid,
})

Are you tiles data public? So I can play around this options too

[sonalanshika]

Hi,
thanks It works now. By adding tileGrid: tileGrid to the ol.source.XYZ. while tilegrid is kept "ol.tilegrid.TileGrid...." only.

Thank Again.

Regards,
Sonal