Fehler: Google Map mit Textboxen mit statischer Karte

Michael's Avatar

Michael

13 Sep, 2017 09:50 PM

Produkt: Tao Contao
Contao-Version: 3.5.28
Browser und Browserversionen: Edge auf Windows Phone

Wie ist es möglich im bei einer Google Map mit Textboxen eine statische Karte (ohne Steuerelemente und Möglichkeit der Bewegung und Zoom der Karte) zu benutzen? Leider führt die standardmäßig benutzte Karte bei Aufruf auf einem Smartphone leider dazu führt, dass man beim Versuch des Scrollens der Seite (per Touchscreen) immer nur die Hinweisfunktion der Googlemap auslöst.

Vielen Dank im Voraus für einen Tipp ;-)

  1. Support Staff 1 Posted by RockSolid Theme... on 14 Sep, 2017 08:17 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Auf mobilen Endgeräten wird rechts und links neben der Karte ein Abstand angezeigt damit an der Stelle per Touchscreen gescrollt werden kann.

    Wie hoch ist die Auflösung des Windows Phones das Sie verwenden? Können Sie uns einen Screenshot des Problems senden?

  2. 2 Posted by Michael Girbig on 19 Sep, 2017 04:44 AM

    Michael Girbig's Avatar

    Hallo!

    Der weisse Rand wird korrekt angezeigt. Jedoch erschließt sich anscheinend
    nicht jedem Nutzer die Funktion (zumindest nicht meinen Kunden...). Da
    anscheinend die wenigsten (speziell auf dem Handy) versuchen werden in der
    Karte zu zoomen o.ä., würde ich dort gerne lieber eine statische Karte
    hinterlegen um das scrollen in der Seite zu vereinfachen. Wenn man dazu nur
    im Template den API-Aufruf auf "*maps.googleapis.com/maps/api/staticmap
    <http://maps.googleapis.com/maps/api/staticmap>?*" ändert, funktioniert das
    in diesem Fall nicht. Was ist die Ursache? (Die Google Static Maps API habe
    ich vorher selbstverständlich aktiviert.) Oder kann man alternativ
    die Sensitivität der Karte durch Parameter abschalten?

  3. Support Staff 3 Posted by RockSolid Theme... on 19 Sep, 2017 07:28 AM

    RockSolid Themes's Avatar

    Um die Google Map mit einer statischen Karte auszutauschen bearbeiten Sie bitte das Template templates/tao/rsce_tao_info_map.html5 entfernen das gesamte <script>-Element und ersetzen diese Zeile:

    <div class="info-map-gmap <?php if ($this->deactivateHover): ?> -no-hover<?php endif ?>"></div>
    

    mit folgender:

    <img style="width: 100%" src="https://maps.google.com/maps/api/staticmap?key=<?php echo $this->apiKey ?>&amp;markers=<?php echo urlencode($this->mapAddress) ?>&amp;zoom=12&amp;size=640x250&amp;sensor=false&amp;style=saturation:-80%7Chue:0x1fa5d1%7Clightness:10%7Cgamma:0.8" alt="<?php echo htmlspecialchars($this->mapAddress) ?>">
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac