• Hi there,

    I’ve created a map using OpenStreetMap (OSM). Now i’m trying to style the map itself (colors, etc)

    As i understand it’s not so easy to create a custom style, but as i read it you can add a custom Map Tile URL – under ‘settings’ > ‘Map Tile URL’.

    I’d like to use a lighter, bland look, such as the open-source map style Positron (or similar) found @ https://openmaptiles.org/styles/#positron

    Also found some servers @ https://wiki.openstreetmap.org/wiki/Raster_tile_providers.
    When i copy-pasted the tile URL it didn’t show immediate effect – but that might have to do with the latency? (free version).

    Am i wandering too far in the woods or is the way to go and should i be more patient or tweak settings?

    Cheers, Ed’

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor hupe13

    (@hupe13)

    Leaflet Map supports only (one) defined tile server and MapQuest on a map. You can use more than one with the plugin Extensions for Leaflet Map, (documentation). But you can’t style the tiles.

    • This reply was modified 10 months, 2 weeks ago by hupe13.
    • This reply was modified 10 months, 2 weeks ago by hupe13.
    Plugin Contributor hupe13

    (@hupe13)

    Maybe I got it wrong. You can specify all tile server (possibly with a key) either as default or by map.

    [leaflet-map tileurl=http://{s}.example.com/{z}/{x}/{y}.jpg subdomains=abcd]

    Thread Starter eddiebouncer

    (@eddiebouncer)

    Thanks,

    One tile server would suffice. Just like to have the map(s) lighter/bland so the overlay areas/markers stand out more.
    And i believe i read the settings-options correctly, similar to your reply. One thing i was in doubt about was the variable ‘{s}’ where the subdomains differ sometimes (ex. only a and b). I’ve tried the options from the plugin’s settings, but thought maybe it would take a while to load?

    An alternative i was thinking about was to just use CSS, ex:

    .leaflet-tile-pane {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    }*

    I’ll (re)try some of those tile-servers again.

    Cheers, Ed’

    • This reply was modified 10 months, 2 weeks ago by eddiebouncer. Reason: clarifying
    Plugin Contributor hupe13

    (@hupe13)

    I’ve tried the options from the plugin’s settings, but thought maybe it would take a while to load?

    You can check this in the developer console of your browser (network tab). I never tried to change the leaflet-css, so I need to test too.

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

The topic ‘map tile url’ is closed to new replies.