Show Full Map Icon missing and Feature request

Resolved Snake-Plissken
(@snake-plissken)

2 years, 3 months ago

Hi Joe,

I have one issue with my maps. I don’t know if something locally is blocking it, but there is no icon in the box to show the fullscreen map. I can see the outline of the button but no icon.
Maybe it’s just an issue with my installation, but it’s on multiple devices.

Feature Request:
Maybe this feature is already there and I just can’t find it. It’s very possible ;).
Here is the situation. If there is a map with multiple tracks on the map. It is hard to select another track on mobile devices, especially phones which have smaller screens than tablets. It’s really hard to hit the line. At least in my experience. Is there a way to select specific tracks when clicked closely to one? Maybe we can also have a tracklist from which the user can select different tracks instead of clicking on the line.

Thanks again.

The page I need help with: [log in to see the link]

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

Thread Starter Snake-Plissken
(@snake-plissken)

2 years, 3 months ago

Update.
It seems the fullscreen icon is there, but it uses my content background color as color for the icon and background. I am unfortunately not that fit in CSS. How can I change that?
Plugin Author Joe
(@morehawes)

2 years, 3 months ago
Hi @snake-plissken,

You seem to have a few style conflicts affecting your Maps. CSS fixes like these are outside of the scope of plugin support, but I hope you find this useful…

The fullscreen icon is actually an image, you can create a new version (example) of the image and then add this rule:
```
.leaflet-control-fullscreen-button {
    background-image: url(https://www.waymark.dev/temp/fullscreen-light.png) !important;
}
```
Cheers,

Joe
- This reply was modified 2 years, 3 months ago by Joe.
Thread Starter Snake-Plissken
(@snake-plissken)

2 years, 3 months ago
Hi it seems that,
```
.leaflet-bar a, .leaflet-bar a:hover {
    background: var(--color-content-bg-grad);
```
puts my background color in front of the actual icon. Also, I would rather have the boxes in a light style. same as the button to select the map layer, rather than the dark background color.

So I did:
```
.leaflet-bar a, .leaflet-bar a:hover {
    background-color: #fff !important;
    color: #333;
}
```
Can you tell me how to deactivate the enlarging of the zoom, GPS, and fullscreen buttons when hovering? I just noticed it’s only on my site and not on your test maps on the waymark website.
This also messes up the icon for fullscreen…

If I set
```
.leaflet-control-fullscreen a {
    background: #fff url(../images/fullscreen.png) no-repeat 0 0 !important;
    background-size: 26px 52px;
}
```
to important, I get the icon for fullscreen but it’s not centered. If I do so, won’t I lose high dpi support?

I can only get the icon to be centered when I uncheck in my browser’s element inspector. But I don’t know how to make that happen in CSS.
```
.leaflet-bar a, .leaflet-bar a:hover {
    background: var(--color-content-bg-grad);
```
Angelo Mariani
(@mistermagoo8691)

2 years, 2 months ago

Hi, @snake-plissken: I have a side question for you 🙂 I’ve checked your map, and I like the “Pioneer” basemap very much…
I see that it is a Thunderforest basemap, therefore I think I need a token to use it (as it is for Mapbox, for instance): could you please share the URL you used for it (hiding your token of course)?

Thanks 🙂

Angelo Mariani
(@mistermagoo8691)

2 years, 2 months ago

(ok nevermind. I’ve found it, it was hidden in the homepage… https://tile.thunderforest.com/pioneer/{z}/{x}/{y}.png?apikey=<insert-your-apikey-here>)

Thread Starter Snake-Plissken
(@snake-plissken)

2 years, 2 months ago

Hey @mistermagoo8691
sorry for being late to the solution. Yeah, I do like the map as well. I don’t even know, is there a way to define different base maps when you insert the shortcode.

That would be fantastic…

Plugin Author Joe
(@morehawes)

2 years, 2 months ago

is there a way to define different base maps when you insert the shortcode.

Check out the basemap Shortcode Parameter.

Cheers,

Joe

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

The topic ‘Show Full Map Icon missing and Feature request’ is closed to new replies.