OSM - OpenStreetMap extension for TYPO3

Installs: 311

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 3

Forks: 0

Open Issues: 0


2.1.0 2021-03-17 18:13 UTC

This package is auto-updated.

Last update: 2021-04-17 18:19:07 UTC



A small but modern OpenStreetMap extension for TYPO3 (10 and newer). You can simply show a map with or without markers. One or more addresses can be added as human readable address or with geo coordinates.

A second plugin allows you to show addresses from tt_address records (when tt_address.latitude and .longitude is filled).

No jQuery, just vanilla JS. Modern asset collector used for includes of JS or CSS. PSR-14 eventdispatcher can be used to manipulate markers and labels.

Plugin 1



Plugin 2




Add this extension via composer (TYPO3 in classic mode could work but is not supported):

composer require in2code/osm

Don't forget to add typeNum 1597149189 for AJAX requests for the markers to your siteconfiguration like:

    type: PageType
    default: /
    suffix: /
    index: ''
      /: 0
      .html: 0
      'feed.xml': 9818
      'markers.json': 1597149189


How to overwrite paths?

As always via TypoScript setup - like

plugin.tx_osm {
    view {
        templateRootPaths {
            0 = EXT:osm/Resources/Private/Templates/
            1 = EXT:yoursitepackage/Resources/Private/Templates/Extensions/Osm/
        layoutRootPaths {
            0 = EXT:osm/Resources/Private/Layouts/
            1 = EXT:yoursitepackage/Resources/Private/Layouts/Extensions/Osm/

How to define own css or js?

CSS and JS is included via Layout html template. You can simply adjust the paths to your needs.

Filter address in Pi2 to some pages

If you don't want to present all available tt_address records in your FlexForm selection for your editors, you can filter it via Page TSconfig to one or more pages like:

tx_osm {
  flexform {
    pi2 {
      addressPageIdentifiers = 2,3,4

Manipulate markers

You can manipulate markers via PSR-14 Eventdispatcher as described.

Configuration/Services.yaml in your sitepackage:

      - name: event.listener
        identifier: 'osm-marker-manipulation'
        event: In2code\Osm\Domain\Model\MarkerContainer

Example dispatcher:

namespace Vendor\YourSitepackage\EventListener;

use In2code\Osm\Domain\Model\Marker;
use In2code\Osm\Domain\Model\MarkerContainer;

 * Class OsmManipulator as an example
class OsmManipulator
     * @param MarkerContainer $markerContainer
     * @return void
    public function __invoke(MarkerContainer $markerContainer): void
        /** @var Marker $marker */
        foreach ($markerContainer->getMarkers() as $marker) {
            $marker->setTitle('new title');
            $marker->setDescription('new description');


Version Date State Description
2.1.0 2021-03-17 Task Add autorelease to TER function, add extension key to composer.json
2.0.2 2020-09-30 Bugfix Fix wrong translated german labels in backend for latitude/longitude.
2.0.1 2020-09-21 Task Small label change.
2.0.0 (!!!) 2020-09-18 Feature Allow more then only one address in Pi1 now. Allow to extend extension with PSR-14 eventdispatcher.
1.2.0 2020-08-13 Bugfix Prevent let in JavaScript to support old browsers. Adjust marker size.
1.1.0 2020-08-13 Task Some small improvements (marker image with outline, some adjustments of the views in backend)
1.0.0 2020-08-12 Task Initial release