ALLES ÜBER geocoordinates UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

geocoordinates

TYPO3 Erweiterung geocoordinates

Geokodierungserweiterung, basierend auf Google Maps api. Es fügt einen Geocoder zu Adressaufzeichnungen (tt_address), Getter und Setter für Koordinaten zu Adressmodellen, eine Fluid Google Map viewhelper und einen Scheduler-Job zur Geocodierung von Adressen hinzu. Adressdatensätze können einfach an jeden anderen Datensatz gebunden werden.

Anforderungen

  • TYPO3 7.6 - ?

Dokumentation

.... fehlt vorerst.

Installation

1) Installieren Sie die Erweiterung mit Hilfe des Erweiterungsmanagers oder mit Hilfe von git von ssh:///3pc/intern/3pc_typo3/3pc_typo3_extensions/geocoordinates.git .

2) Fügen Sie das statische TypoScript der Erweiterung ein

3) Fügen Sie der Extension-Konfiguration im Extension-Manager einen API-Schlüssel hinzu.

Verwendung

1) Versuchen Sie, Speicherorte zu Seiten oder tt_content Datensätzen hinzuzufügen.

2) Fügen Sie Geokodierungsfunktionen zu Ihrem eigenen oder einem beliebigen Datensatz hinzu, indem Sie einfach \Dreipc\Geocoordinates\Utility\GeocodingUtility::makeGeocodable() aufrufen

// Hinzufügen eines Auswahlfeldes für Geocoordinates-Adressen zu einer Tabelle
\Dreipc\Geocoordinates\Utility\ErweiterungManagementUtility::GeocodingUtility((
        my_extension_key',
        mein_tisch'
);

3) Fügen Sie einen Geocoding Scheduler-Task hinzu, um eine Anzahl von Adressaufzeichnungen zu geocodieren.

4) Verwenden Sie die Karte viewhelper, für weitere Optionen siehe im viewhelper selbst:

{namespace geo=Dreipc\Geocoordinates\ViewHelpers}
<geo:googleMap id="my-map" class="hidden-sm" style="height: 510px;"
               locations="{locations}" locationLongitudeField="longitude" locationLatitudeField="latitude"
               locationHeaderField="header" locationDescriptionField="text"
               markerIcon="/typo3conf/ext/my_ext/Ressourcen/Public/Icons/map-marker.png""
               mapParams='{
                                " Zoom": 7,
                                " Mitte": "(lat): 52.2303949, "lng": 9.7185179},
                                " Stile": [
                                    {
                                      "featureType": " Alle",
                                      " Stylisten": [
                                        "Sättigung": -80 }
                                      ]
                                    },{
                                      "featureType": " Straße.arteriell",
                                      " ElementTyp": " Geometrie",
                                      " Stylisten": [
                                        "Hue": "#00ffee" },
                                        "Sättigung": 50 }
                                      ]
                                    },{
                                      "featureType": "poi.business",
                                      " ElementTyp": " Etiketten",
                                      " Stylisten": [
                                        "Sichtbarkeit": "aus" }
                                      ]
                                    }
                                  ]
                              }'
               markerClusterer="1" (1)
               markerClustererOptions='{
                                " Stile": [
                                    {
                                        " TextFarbe": " Weiß",
                                        " Textgröße": 13,
                                        " Schriftgewicht": "Normal",
                                        " URL": "/typo3conf/ext/my_ext/Ressourcen/Public/Icons/markerclusterer/m1.png",
                                        " Höhe": 33,
                                        " Breite": 34
                                    },{
                                        " TextFarbe": " Weiß",
                                        " Textgröße": 13,
                                        " Schriftgewicht": "Normal",
                                        " URL": "/typo3conf/ext/my_ext/Ressourcen/Public/Icons/markerclusterer/m2.png",
                                        " Höhe": 33,
                                        " Breite": 34
                                    },{
                                        " TextFarbe": " Weiß",
                                        " Textgröße": 13,
                                        " Schriftgewicht": "Normal",
                                        " URL": "/typo3conf/ext/my_ext/Ressourcen/Public/Icons/markerclusterer/m3.png",
                                        " Höhe": 33,
                                        " Breite": 34
                                    }
                                ]
                              }' />

<script>
    // Beispiel für die dynamische Aktualisierung der Map z.B. nach einer Ajax-Anfrage
    / / Standorte sollten ein Objekt wie:
    // [
    // 1,"header":"Überschrift","Text":"Lore ipsum ....","Latitude":52.2303949,"Longitude": 9.7185179, ...}
    //      {...}
    // ]
    var map = $('#my-map');
    map.data('Standorte', Standorte);
    window.TX_GEOCOORDINATES.GOOGLEMAP.update(map);
</script>

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

responsive - image 4

speed test - image 5

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.