Das Plugin ermöglicht das Einsetzen des Sharing-Codes einer Google Maps Karte mit einem gewählten Kartenausschnitt und der Fokussierung auf einen POI. Mit wenigen Anpassungen des Sharing-Codes wird die Kartendarstellung responsive, womit sie sich optisch und von ihrem Verhalten reibungslos in Seiten integriert.
So geht's:
Man setzt den "Karte einbetten" Code von Google in das Feld "Code" im Plugin und ersetzt den Wert bei Width durch "100%" und den Wert bei Height durch die gewünschte Höhe des Elements – wenn man möchte, denkt man an die mobilen Nutzer und nimmt einen Wert der weniger als 500px beträgt. Weiterhin entfernt man das Attribut "allowfullscreen".
Woher bekommt man den "Karte einbetten" Code von Google?
- maps.google.de aufrufen
- Rechtsklick in die Karte > Was ist hier?
- Gesetzte Markierung anklicken (wenn jetzt noch nicht im linken Fensterbereich die Details auftauchen, in dem kleinen Info-Layer am unteren Fensterrand auf die Adresse klicken)
- In den Details im linken Fensterbereich auf "Teilen" klicken
- In der Modal-View auf "Karte einbetten" und den gesamten Code in dem Feld kopieren
- Dann die oben beschriebenen Anpassungen (width, allowfullscreen) machen
- Fertig