You are here

Home » API reference » Geolocation Field 8

geolocation-common-map-location.html.twig in Geolocation Field 8 

{#
  When overriding this template, make sure to preserve
  - CSS-classes
  - parent - children hierarchy
  - data-lng and data-lat attributes
  or the attached Geolocation Javascript will fail.

  Changing the HTML tags, adding classes or adding content around or within the existing structure is no problem.
#}
<div
    class="geolocation"
    data-lat="{{ position.lat }}"
    data-lng="{{ position.lng }}"
    typeof="Place"
    {% if location_id is not empty %} data-location-id="{{ location_id }}" {% endif %}
    {% if disable_marker is empty %}
        data-set-marker="true"
        {% if icon is not empty %} data-icon="{{ icon }}" {% endif %}
        {% if marker_label is not empty %} data-marker-label="{{ marker_label }}" {% endif %}
    {% endif %}
>
    <span property="geo" typeof="GeoCoordinates">
        <meta property="latitude" content="{{ position.lat }}" />
        <meta property="longitude" content="{{ position.lng }}" />
    </span>
    <h2 class="location-title" property="name">{{ title }}</h2>
    <div class="location-content">{{ content }}</div>
</div>
3 theme calls to geolocation-common-map-location.html.twig
CommonMap::render in src/Plugin/views/style/CommonMap.php
Render the display in this style.
GeolocationGoogleMap::preRenderGoogleMapElement in src/Element/GeolocationGoogleMap.php
Map element.
GeolocationGoogleMapFormatter::viewElements in src/Plugin/Field/FieldFormatter/GeolocationGoogleMapFormatter.php
Builds a renderable array for a field value.

File

templates/geolocation-common-map-location.html.twig
View source 
  1. {#

  2.   When overriding this template, make sure to preserve

  3.   - CSS-classes

  4.   - parent - children hierarchy

  5.   - data-lng and data-lat attributes

  6.   or the attached Geolocation Javascript will fail.

  7. 

  8.   Changing the HTML tags, adding classes or adding content around or within the existing structure is no problem.

  9. #}

  10. <div

  11.     class="geolocation"

  12.     data-lat="{{ position.lat }}"

  13.     data-lng="{{ position.lng }}"

  14.     typeof="Place"

  15.     {% if location_id is not empty %} data-location-id="{{ location_id }}" {% endif %}

  16.     {% if disable_marker is empty %}

  17.         data-set-marker="true"

  18.         {% if icon is not empty %} data-icon="{{ icon }}" {% endif %}

  19.         {% if marker_label is not empty %} data-marker-label="{{ marker_label }}" {% endif %}

  20.     {% endif %}

  21. >

  22.     <span property="geo" typeof="GeoCoordinates">

  23.         <meta property="latitude" content="{{ position.lat }}" />

  24.         <meta property="longitude" content="{{ position.lng }}" />

  25.     </span>

  26.     <h2 class="location-title" property="name">{{ title }}</h2>

  27.     <div class="location-content">{{ content }}</div>

  28. </div>