Drupal Modul Locationmap - Responsive Width (Variable Breite)

Ich benutze des Öfteren das Modul Location Map. Das Modul eignet sich aus meiner Sicht gut, wenn man einfach nur eine einzige Karte mit einer bestimmten Adresse auf einer Website braucht. Ein einfaches Modul ohne große Schnörkel, tut was es soll.

Leider ist die Karte aber von Haus aus nicht Responsive und die Konfiguration des Moduls lässt auch nur Pixelwerte zu.

Die Karte lässt sich aber recht einfach Responsive gestalten in dem man die Funktion theme_location_map im eigenen Theme überschreibt.

Hier der Code dazu:


function mytheme_locationmap_map($variables) {
  if (empty($variables['height'])) {
    $height = variable_get('locationmap_height', '500') . 'px';
  } else {
    $height = $variables['height'] . 'px';
  }

  return ('<div id="locationmap_map" style="width:100%; height: ' . $height . '"></div>');
}

Diesen Code hinterlegt man in der template.php des eigenen Themes (im Beispiel ist der Name des Theme "mytheme").

Mit dieser Änderung hat die Width-Angabe die man im Locationmap-Modul setzt keine Auswirkung mehr.

Neuen Kommentar schreiben

Filtered HTML

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zulässige HTML-Tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • HTML - Zeilenumbrüche und Absätze werden automatisch erzeugt.
  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.

Plain text

  • Keine HTML-Tags erlaubt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • HTML - Zeilenumbrüche und Absätze werden automatisch erzeugt.