Tiles not being supplied over HTTPS in node.js about tilehut

[skuderos]

After some more testing, I am getting a bit closer as to why it suddenly stops working over https. As I mentioned in the previous comment, serving the tiles over http works without any issues. When trying to load my map over https I for some reason keep getting 404 responses to any tile request. I decided to open the console and have a look at each individual tile request. What I noticed is that the z/x/y coordinates that are being requested do not match up to the ones that are requested over http. When I copy the url for a specific tile that works in the http version (for example, .../ehaa_256/11/1056/673.png) and then load that over the https version, I get the correct image of the correct tile. When checking the request that gets sent out from the HTTPS version, I notice that the x and y values are often significantly higher than I would expect them to be on that particular section of map (for example, .../ehaa_256/13/4234/2695.png). This set of coordinates does not make sense, and I imagine this is the reason for my troubles.

This means there is no problem with data not being presented properly over https or something along those lines. What I now need to figure out is why the https request changes the coordinates that tiles are being requested for.

[skuderos]

I have found the solution! In retrospect, it was pretty simple and had nothing to do with the coordinates...

All I needed to do was set the response header for tilehut to state access-control-allow-origin, anonymous. (res.header('Access-Control-Allow-Origin', 'anonymous');)

[b-g]

Hi @skuderos, sorry for the slow response! Very busy here with the start of the semester ... Glad that you figured it out! Congrats! Could you share the exact lines in case someone else has trouble with the same issue? I guess it is here, or?

tilehut/server.js

Lines 46 to 51 in 377330b

	app.use('*', function(req, res, next) {
	// set CORS response header
	res.header('Access-Control-Allow-Origin', '*');
	res.header('Access-Control-Allow-Headers', 'X-Requested-With');
	next();
	});