I have an application displaying a EPSG:3414 map running on Openlayers - jsfiddle working sample that works.
I am trying to implement the same on Leaflet - jsfiddle non-working, it is not working as I may have left out something or may have gotten some concept wrong.
Unfortunately, I am quite unfamiliar and am in the process of figuring out how to get this to work.
Any help would be welcome. Thanks!
Updates:
var proj = new L.Proj.CRS.TMS('EPSG:3414', "+proj=tmerc +lat_0=1.366666666666667 +lon_0=103.8333333333333 +k=1 +x_0=28001.642 +y_0=38744.572 +ellps=WGS84 +units=m +no_defs", [4257.9355, 11470.3186, 64359.3062, 49067.5413], { resolutions:[76.4372195411057,38.2186097705529,19.1093048852764,9.55465244263822,4.77732622131911,2.38866311065955,1.19433155532978,0.597165777664889,0.298450596901194] } ); var map = L.map('my_map', { crs: proj, continuousWorld: true, worldCopyJump: false }); map.addLayer(new L.Proj.TileLayer.TMS('http://{s}.onemap.sg/ArcGIS/rest/services/basemap/MapServer/tile/{z}/{y}/{x}', proj, { subdomains: ['t1', 't2'], tms: true, continuousWorld: true })); Update, more information to help. I used openlayers to implement, have not had time to try out leaflet.
Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Single Fused Map Cache: true Tile Info: Height: 128 Width: 128 DPI: 96 Levels of Detail: (# Levels: 9) Level ID: 0 [Start Tile, End Tile] Resolution: 76.4372195411057 Scale: 288896 Level ID: 1 [Start Tile, End Tile] Resolution: 38.2186097705529 Scale: 144448 Level ID: 2 [Start Tile, End Tile] Resolution: 19.1093048852764 Scale: 72224 Level ID: 3 [Start Tile, End Tile] Resolution: 9.55465244263822 Scale: 36112 Level ID: 4 [Start Tile, End Tile] Resolution: 4.77732622131911 Scale: 18056 Level ID: 5 [Start Tile, End Tile] Resolution: 2.38866311065955 Scale: 9028 Level ID: 6 [Start Tile, End Tile] Resolution: 1.19433155532978 Scale: 4514 Level ID: 7 [Start Tile, End Tile] Resolution: 0.597165777664889 Scale: 2257 Level ID: 8 [Start Tile, End Tile] Resolution: 0.298450596901194 Scale: 1128 Format: JPEG Compression Quality: 80 Origin: X: -5878011.89743302 Y: 10172511.897433 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Initial Extent: XMin: -3250 YMin: 13872.0314312493 XMax: 68250 YMax: 56958.47469375 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Full Extent: XMin: -3250 YMin: 13872.0314312493 XMax: 68250 YMax: 56958.47469375 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Units: esriMeters Supported Image Format Types: PNG24,PNG,JPG,DIB,TIFF,EMF,PS,PDF,GIF,SVG,SVGZ,AI,BMP
أكثر...
I am trying to implement the same on Leaflet - jsfiddle non-working, it is not working as I may have left out something or may have gotten some concept wrong.
Unfortunately, I am quite unfamiliar and am in the process of figuring out how to get this to work.
Any help would be welcome. Thanks!
Updates:
- map is ESRI type using ZYX and SVY21 projection):
- updated code here (JS fiddle not updated)
var proj = new L.Proj.CRS.TMS('EPSG:3414', "+proj=tmerc +lat_0=1.366666666666667 +lon_0=103.8333333333333 +k=1 +x_0=28001.642 +y_0=38744.572 +ellps=WGS84 +units=m +no_defs", [4257.9355, 11470.3186, 64359.3062, 49067.5413], { resolutions:[76.4372195411057,38.2186097705529,19.1093048852764,9.55465244263822,4.77732622131911,2.38866311065955,1.19433155532978,0.597165777664889,0.298450596901194] } ); var map = L.map('my_map', { crs: proj, continuousWorld: true, worldCopyJump: false }); map.addLayer(new L.Proj.TileLayer.TMS('http://{s}.onemap.sg/ArcGIS/rest/services/basemap/MapServer/tile/{z}/{y}/{x}', proj, { subdomains: ['t1', 't2'], tms: true, continuousWorld: true })); Update, more information to help. I used openlayers to implement, have not had time to try out leaflet.
Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Single Fused Map Cache: true Tile Info: Height: 128 Width: 128 DPI: 96 Levels of Detail: (# Levels: 9) Level ID: 0 [Start Tile, End Tile] Resolution: 76.4372195411057 Scale: 288896 Level ID: 1 [Start Tile, End Tile] Resolution: 38.2186097705529 Scale: 144448 Level ID: 2 [Start Tile, End Tile] Resolution: 19.1093048852764 Scale: 72224 Level ID: 3 [Start Tile, End Tile] Resolution: 9.55465244263822 Scale: 36112 Level ID: 4 [Start Tile, End Tile] Resolution: 4.77732622131911 Scale: 18056 Level ID: 5 [Start Tile, End Tile] Resolution: 2.38866311065955 Scale: 9028 Level ID: 6 [Start Tile, End Tile] Resolution: 1.19433155532978 Scale: 4514 Level ID: 7 [Start Tile, End Tile] Resolution: 0.597165777664889 Scale: 2257 Level ID: 8 [Start Tile, End Tile] Resolution: 0.298450596901194 Scale: 1128 Format: JPEG Compression Quality: 80 Origin: X: -5878011.89743302 Y: 10172511.897433 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Initial Extent: XMin: -3250 YMin: 13872.0314312493 XMax: 68250 YMax: 56958.47469375 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Full Extent: XMin: -3250 YMin: 13872.0314312493 XMax: 68250 YMax: 56958.47469375 Spatial Reference: PROJCS["SVY21",GEOGCS["SVY21[WGS84]",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137.0,298.257223563]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]],PROJECTION["Transverse_Mercator"],PARAMETER["False_Easting",28001.642],PARAMETER["False_Northing",38744.572],PARAMETER["Central_Meridian",103.8333333333333],PARAMETER["Scale_Factor",1.0],PARAMETER["Latitude_Of_Origin",1.366666666666667],UNIT["Meter",1.0]] Units: esriMeters Supported Image Format Types: PNG24,PNG,JPG,DIB,TIFF,EMF,PS,PDF,GIF,SVG,SVGZ,AI,BMP
أكثر...