Add “neutral” map style?

Resolved vaid000
(@vaid000)

6 years, 7 months ago
Hi Patrick,

first of all: thanks for your wonderful job in getting OpenStreetmaps connected to EventsManager. We really like using Open Source Software so using Google Maps together with EM was not an option for us.

We wanted to ask if it is possible to have another MapStyle added to your List of “Default Map Styles”. We recognized this thread which is already dealing with some suggestions for alternative map styles:
https://ww.wp.xz.cn/support/topic/suggestion-map-styling/

But unfortunately none of the provided styles is matching the layout of our website. So we would like to ask if it is possible to have some “neutral” map style, e.g. greyscale or black & white. We think that it could be a possible solution for all people running websites which are kind of “special” about layout and colors 😉 We discovered a neutral map styles created by stamen: http://maps.stamen.com/#toner/12/53.5550/10.0305

Unfortunaetly I am not really skilled in programming plugins yet and cannot change the code myself or at least need someone pointing me in the right direction. Do you think there is a chance to see this or a greyscale version of OSM Tiles in your plugin? Is it overall possible as these are not “official” tiles provided by OSM?

Thank you!
- This topic was modified 6 years, 7 months ago by vaid000.
The page I need help with: [log in to see the link]

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

Plugin Author Stonehenge Creations
(@duisterdenhaag)

6 years, 7 months ago

Hi,
Only the first two map tile servers are hosted by OpenStreetMap – the others are free available servers. Basically any server can be added, but I want to keep the complete plugin free of charge. 😉

I did not include Stamen maps, because of the integration with Events Manager. The whole purpose of the map is to show how to get to the event location. The Stamen maps do not have street names etc, so I decided to leave those out.

A quick look at the link you provided, tells me that an additional js file needs to be loaded. If the is not downloadable I can not use it, as the WordPress rules are that all used assets are to be included in the downloadable plugin.

I will look into the option, but for now, I can not yet promise to include Stamen maps.
Thread Starter vaid000
(@vaid000)

6 years, 7 months ago
Hi Patrick,

Thank you for your super quick response! I see your point with some of the stamen maps… it is somehow useless without street names for event locations. But I discovered two versions of the “toner” map which include street names:

black & white: http://maps.stamen.com/toner/#14/53.5551/10.0305
greyscale: http://maps.stamen.com/toner-lite/#15/53.5567/10.0129

And the JS-files seem to be free to download (or you can use the JS provided by the stamen-server). Direct link to JS: http://maps.stamen.com/js/tile.stamen.js?v1.3.0
I did not check the script as I am not very into JS.
But I just had a look at the Section “JavaScript Libraries” on the Stamen-website where they exlain the use of the stamen JS-library with Leaflet.

Of course it would be wonderful to have this kind of styling option but there is no need to promise anything 😉
- This reply was modified 6 years, 7 months ago by vaid000.
Plugin Author Stonehenge Creations
(@duisterdenhaag)

6 years, 7 months ago

Et voilà! 😉
Please update to version 2.9.5 when prompted to use the four new Stamen map tiles.

Thread Starter vaid000
(@vaid000)

6 years, 7 months ago

Wow, I’m really impressed. That was super fast! Thank you so much for your help and quick support. It’s working like charm!

I will rate this 5 😉

Binary Brothers
(@binarybrothers)

6 years, 6 months ago

Hi Patrick,
thank you for adding additional map styles. I really like the toner style, but some of the bigger city names are not visible on the map.

Would it be possible to add the simple map styles from here:
https://openmaptiles.org/styles/#positron
https://openmaptiles.org/styles/#dark-matter

Thanks again for providing this plugin in the first place.

Plugin Author Stonehenge Creations
(@duisterdenhaag)

6 years, 6 months ago

Hi @binarybrothers,
I like those map styles as well, but they are not publicly available. You need to host the images on your own server. So I cannot add those.

Binary Brothers
(@binarybrothers)

6 years, 6 months ago

Oh, I understand! Thank you for the quick answer.
Binary Brothers
(@binarybrothers)

6 years, 6 months ago
I now simply use the standard OSM map and put a CSS filter over it. Maybe this is also interesting for others who are looking for a black and white solution.
```
.leaflet-tile-pane {
    -webkit-filter: grayscale(1) brightness(1.1);
            filter: grayscale(1) brightness(1.1);
}
```
Plugin Author Stonehenge Creations
(@duisterdenhaag)

6 years, 6 months ago

That is actually a very creative solution! 🙂
Thanks for sharing 😀

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

The topic ‘Add “neutral” map style?’ is closed to new replies.