You are here

Home » API reference » Google Map Field 8

google_map_field.html.twig in Google Map Field 8 

{% if infowindow is not empty %}
  {% set showInfowindow = "true" %}
{% endif %}
<section class="google-map-field">
  {% if name %}
  <h2>{{ name }}</h2>
  {% endif %}
  {% if showInfowindow %}
  <div class="map-infowindow" style="display:none;">{{ infowindow }}</div>
  {% endif %}
  <div class="map-container" style="width:{{ width }};height:{{ height }};" data-controls-show="{{ show_controls }}" data-traffic="{{ traffic }}" data-marker-show="{{ show_marker }}" data-marker-icon="{{ marker_icon }}" data-type="{{ type }}" data-lat="{{ lat }}" data-lon="{{ lon }}" data-zoom="{{ zoom }}" data-infowindow="{{ showInfowindow }}"></div>
</section>
1 theme call to google_map_field.html.twig
GoogleMapFieldDefaultFormatter::viewElements in src/Plugin/Field/FieldFormatter/GoogleMapFieldDefaultFormatter.php
Builds a renderable array for a field value.

File

templates/google_map_field.html.twig
View source 
  1. {% if infowindow is not empty %}

  2.   {% set showInfowindow = "true" %}

  3. {% endif %}

  4. <section class="google-map-field">

  5.   {% if name %}

  6.   <h2>{{ name }}</h2>

  7.   {% endif %}

  8.   {% if showInfowindow %}

  9.   <div class="map-infowindow" style="display:none;">{{ infowindow }}</div>

  10.   {% endif %}

  11.   <div class="map-container" style="width:{{ width }};height:{{ height }};" data-controls-show="{{ show_controls }}" data-traffic="{{ traffic }}" data-marker-show="{{ show_marker }}" data-marker-icon="{{ marker_icon }}" data-type="{{ type }}" data-lat="{{ lat }}" data-lon="{{ lon }}" data-zoom="{{ zoom }}" data-infowindow="{{ showInfowindow }}"></div>

  12. </section>