Skip to content

Instantly share code, notes, and snippets.

@dfeyer

dfeyer/GoogleMap.html

Created October 18, 2013 19:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dfeyer/7047160 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dfeyer/7047160 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dfeyer created this gist Oct 18, 2013.
    46 changes: 46 additions & 0 deletions GoogleMap.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,46 @@
    {namespace neos=TYPO3\Neos\ViewHelpers}
    <neos:contentElement node="{node}">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
    <![CDATA[
    function initializeMap]]>{node.name}<![CDATA[() {
    var myLatlng = new google.maps.LatLng(]]>{longitude}<![CDATA[,]]>{latitude}<![CDATA[);
    var mapOptions = {
    zoom: ]]>{zoomlevel}<![CDATA[,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
    var contentString = '<div id="content" style="height: ]]>{popupHeight}<![CDATA[; width: ]]>{popupWidth}<![CDATA[">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h1 id="firstHeading" class="firstHeading">]]>{infoheadl}<![CDATA[</h1>'+
    '<div id="bodyContent">'+
    '<p>]]> <f:format.raw>{infotext}</f:format.raw> <![CDATA[</p>'+
    '</div>'+
    '</div>';

    var infowindow = new google.maps.InfoWindow({
    content: contentString
    });

    var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: 'InspiringFlow'
    });

    google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
    });
    }

    $(document).ready(function() {
    initializeMap]]>{node.name}<![CDATA[();
    });
    ]]>
    </script>
    <div id="map_canvas" style="height: {height}; width: {width}; margin-top: 20px;">
    </div>

    </neos:contentElement>
    14 changes: 14 additions & 0 deletions GoogleMap.ts2
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    prototype(Ttree.OfficialWebsite:GoogleMap) < prototype(TYPO3.TypoScript:Template) {
    templatePath = 'resource://Ttree.OfficialWebsite/Private/Templates/TypoScript/NodeTypes/GoogleMap.html'

    node = ${node}
    longitude = ${q(node).property('longitude')}
    latitude = ${q(node).property('latitude')}
    zoomlevel = ${q(node).property('zoomlevel')}
    infoheadl = ${q(node).property('infoheadl')}
    infotext = ${q(node).property('infotext')}
    width = ${q(node).property('width')}
    height = ${q(node).property('height')}
    popupHeight = ${q(node).property('popupHeight')}
    popupWidth = ${q(node).property('popupWidth')}
    }
    85 changes: 85 additions & 0 deletions NodeTypes.yaml
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,85 @@
    'Ttree.OfficialWebsite:GoogleMap':
    superTypes:
    - 'TYPO3.Neos:Content'
    ui:
    group: 'general'
    icon: 'icon-map-marker'
    label: 'Google Map'
    inspector:
    groups:
    googlemaps:
    label: 'Google Map'
    position: '1'
    properties:
    longitude:
    type: string
    defaultValue: '46.526448'
    ui:
    label: 'Longitude:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    latitude:
    type: string
    defaultValue: '6.631185'
    ui:
    label: 'Latitude:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    zoomlevel:
    type: string
    defaultValue: '10'
    ui:
    label: 'Zoomlevel 1-20'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    infoheadl:
    type: string
    defaultValue: 'Headline'
    ui:
    label: 'Infowindow Headline'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    infotext:
    type: string
    defaultValue: 'Text'
    ui:
    label: 'Infowindow Text'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    width:
    type: string
    defaultValue: '100%'
    ui:
    label: 'Width:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    height:
    type: string
    defaultValue: '400px'
    ui:
    label: 'Height:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    popupHeight:
    type: string
    defaultValue: '70px'
    ui:
    label: 'Infowindow Height:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'
    popupWidth:
    type: string
    defaultValue: '220px'
    ui:
    label: 'Infowindow Width:'
    reloadIfChanged: TRUE
    inspector:
    group: 'googlemaps'