captura cesiumjs.png

"First of all, I must say that I don't know exactly how to explain this, but I want to share it with you in case someone is interested in creating a world map with zoom levels using a localhost tileServer provided by CesiumJS.

I won't explain what a tileserver is because I don't know. Still, here's a reference image. To my eyes, it zooms, that's all.

tileserver.jpg

You'll need to download CesiumJS and Node to use CesiumJS. Once both are installed, run CesiumJS using Node in the command prompt. If you're not sure how to do it, here's a .bat file that does it for you:

Create a text file with the following content:

bat

@echo off
node server.js

Save it as .bat; this will allow you to open the CesiumJS server with just a click.

Now, with that done, let's create an environment for our map.


In CesiumJS, create a folder for your project; I named mine 'fantasy.'

captura fantasia.png

Inside it, we'll need three things: Cesium.js (a file that has everything you need), and the indices (not necessary, but I copied and pasted the three files from "Cesium-1.112\Build\CesiumUnminified": cesium and the 2 indices).

Then, create a folder for your tileserver. I have mine in the 'textures' folder, where I have different tests in folders called 'worlds.'

captura mundos.png

To create the tileserver, you need the initial folder, which we'll call '0.' Inside it, create two folders named '0' and '1.' Inside each folder '0' and '1,' place the initial map images, each named '0.png.'

Now, the only thing left is the XML file; the server will have 'tilemapresource.xml' as its name."

In the XML, you will place the following

https://www.mediafire.com/file/ckyom...ource.xml/file

Alright, now you have your tile server. The next step is to create the webpage, which is already in HTML, and that's something I don't handle.

However, I'll provide what I have in HTML for 'fantasy.html' and 'fantasyGrid.html.

https://www.mediafire.com/file/xl3q7...tasy.html/file


To activate the grid, just change the HTML, the variable 'var gridActive = false' from false to true.


python script

https://www.mediafire.com/file/mohu6...dibujo.py/file