search

bozdoz / wp-plugin-leaflet-map

Add leaflet maps to Wordpress with shortcodes
https://wordpress.org/plugins/leaflet-map/
GNU General Public License v2.0
140 stars 71 forks source link

Empty area in popup #239

Closed Duvio closed 9 months ago

Duvio commented 9 months ago

As you can see in the image, there is a huge empty area before the actual content of the markers popup. Shortcode:

[leaflet-marker visible]
Salzgitter Jugendparlament
https://salzgitter.de/familie/jugendliche/jugendparlament.php
[/leaflet-marker]

Screenshot_2023-10-07_23-35-02

hupe13 commented 9 months ago

This is not an issue, but wrong shortcode. Without a concrete code (and an url to an example) it is not possible to help you. Please ask in the support forum.

Duvio commented 9 months ago

This is not an issue, but wrong shortcode. Without a concrete code (and an url to an example) it is not possible to help you. Please ask in the support forum.

http://ndj2.duckdns.org:7080/kartentest/

[leaflet-map lat="52.739" lng="8.972" zoom="7" zoomcontrol scrollwheel height="100vh" weight="100vw"]

[leaflet-marker iconUrl="http://ndj2.duckdns.org:7080/wp-content/uploads/2023/10/JuPaLogo.png" iconSize="56,66" lat=52.15548515056265 lng=10.32567858695984]
[leaflet-marker visible]
Salzgitter Jugendparlament
https://salzgitter.de/familie/jugendliche/jugendparlament.php
[/leaflet-marker]

[leaflet-marker iconUrl="http://ndj2.duckdns.org:7080/wp-content/uploads/2023/10/Jugendrat-Jesteburg-Logo-schmal-weiss.svg" iconSize="70,50" lat=53.308863428571115 lng=9.954163134098055]
[leaflet-marker]
<p><a href="https://www.jugendrat-jesteburg.de/">Jugendrat Jesteburg</a></p>
[/leaflet-marker]

[leaflet-marker lat=52.78744958927387 lng=8.43034921583656]
<p><a title="" href="https://goldenstedt.de/politik-und-verwaltung/jupa-2">Jupa Goldenstedt</a></p>
[/leaflet-marker]
hupe13 commented 9 months ago

You should adjust some options:

[leaflet-marker lat=... lng=...
    iconurl="..."
    iconsize="...,..."
    iconAnchor="...,..."
    popupAnchor="...,..."
    tooltipAnchor="...,..."
]<a href="...">Some text</a>[/leaflet-marker]

See example.

Duvio commented 9 months ago

It all has to be written in one line

hupe13 commented 9 months ago 
    iconsize="...,..."
    iconAnchor="...,..."
    popupAnchor="...,..."
    tooltipAnchor="...,..."

Das solltest du dir nochmal ansehen. Dann sind auch die Popups an der richtigen Stelle.

Duvio commented 9 months ago 
    iconsize="...,..."
    iconAnchor="...,..."
    popupAnchor="...,..."
    tooltipAnchor="...,..."

Das solltest du dir nochmal ansehen. Dann sind auch die Popups an der richtigen Stelle.

Das sind sie schon. Im Textfeld des Popups waren nur 4 Leerzeilen am Anfang, wie im Bild zu sehen, obwohl sie nicht dort sein sollten.

So wäre es falsch

[leaflet-marker lat=... lng=...
    iconurl="..."
    iconsize="...,..."
    iconAnchor="...,..."
    popupAnchor="...,..."
    tooltipAnchor="...,..."
]<a href="...">Some text</a>[/leaflet-marker]

So wäre es richtig

[leaflet-marker lat=... lng=... iconurl="..." iconsize="...,..." iconAnchor="...,..." popupAnchor="...,..." tooltipAnchor="...,..."]<a href="...">Some text</a>[/leaflet-marker]
Duvio commented 9 months ago 
[leaflet-marker lat=52.15548515056265 lng=10.32567858695984 iconUrl="http://ndj2.duckdns.org:7080/wp-content/uploads/2023/10/JuPaLogo.png" iconSize="56,66"]<a href="https://salzgitter.de/familie/jugendliche/jugendparlament.php">Jugendparlament Salzgitter</a>[/leaflet-marker]

Screenshot_2023-10-08_18-13-38

[leaflet-marker lat=52.15548515056265 lng=10.32567858695984 iconUrl="http://ndj2.duckdns.org:7080/wp-content/uploads/2023/10/JuPaLogo.png" iconSize="56,66"]
<a href="https://salzgitter.de/familie/jugendliche/jugendparlament.php">Jugendparlament Salzgitter</a>
[/leaflet-marker]

Screenshot_2023-10-08_18-14-03

hupe13 commented 8 months ago

So sieht es besser aus und der Marker zeigt auf die richtige Stelle:

[leaflet-marker visible iconUrl="/php/leafext/tmp/JuPaLogo.png" iconSize="56,66" lat=52.15548515056265 lng=10.32567858695984 iconAnchor="27,66" popupAnchor="0,-64"]<a href="https://salzgitter.de/familie/jugendliche/jugendparlament.php">Jugendparlament Salzgitter</a>[/leaflet-marker]
[/leaflet-marker]
Duvio commented 8 months ago

Der Marker zeigt immer auf die richtige Stelle. Das Problem ist die Freifläche im Popup (Screenshot im vorherigen Kommentar korrigiert). Ist es möglich einen Marker per Shortcode zu erstellen so, dass der Shortcode schön lesbar formatiert über mehrere Zeilen geht ohne dass dort falsche Leerzeilen im Popup sind?

hupe13 commented 8 months ago

Klappt im Shortcodeblock vom Blockeditor, wenn die Extensions installiert sind.