Different Map Backrounds

Resolved sagency
(@sdagency)

8 years ago
Is there a list of stable, ongoing map backgrounds to choose from to swap out with tileurl=

I’d like to have options like a black and white map, etc. without having to build and code all that myself.

Thanks.
- This topic was modified 8 years ago by sagency.

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author bozdoz
(@bozdoz)

8 years ago

Here’s a bit of a list, but I don’t believe many of them work:

https://wiki.openstreetmap.org/wiki/Tile_servers

Hope that helps a bit at least!

Thread Starter sagency
(@sdagency)

8 years ago

@bozdoz Thank you. Can you just make your own? Is it then hosted somewhere you can call it from?

Plugin Author bozdoz
(@bozdoz)

8 years ago

You can with Mapnik and tilestache I believe.

http://mapnik.org/
http://tilestache.org/

This may or may not be a good guide: https://www.axismaps.com/blog/2012/01/dont-panic-an-absolute-beginners-guide-to-building-a-map-server/

Thread Starter sagency
(@sdagency)

8 years ago

@bozdoz Thanks again. I was looking for an online interface. The map tile built into the plugin is solid, just might want another option like black and white.

Thanks!
Plugin Author bozdoz
(@bozdoz)

8 years ago
If it’s as simple as that you probably could try CSS filters to desaturate the map tiles:

Something like:

.leaflet-map img {
filter: grayscale(100%);
}
- This reply was modified 8 years ago by bozdoz.
Thread Starter sagency
(@sdagency)

8 years ago

@bozdoz Looks like I can call a style I create from Mapbox with a token and replace that Map Tile URL line in the Leaflet settings and it works fine. Not sure how Mapbox counts views though whether it’s for the tiles or the map. Essentially I would be using their tiles and your map.

Thread Starter sagency
(@sdagency)

8 years ago

@bozdoz interesting. I didn’t know you could do that through CSS. Unfortunately that turned my called image markers gray too. Is there a list of CSS options somewhere? What a great tool you have.

Thread Starter sagency
(@sdagency)

8 years ago

This seems to work…

/*—MAP—*/
img.leaflet-tile {
filter: grayscale(100%);
}

Plugin Author bozdoz
(@bozdoz)

8 years ago

Yeah, that looks right.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Different Map Backrounds’ is closed to new replies.