You are here

Home » API reference » Google Map Field 8

google_map_field_embed.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 %}
  <iframe
      width="{{ width }}"
      height="{{ height }}"
      frameborder="0" style="border:0"
      src="https://www.google.com/maps/embed/v1/place?key={{ api_key }}&q={{ lat }},{{ lon }}&zoom={{ zoom }}">
  </iframe>
</section>
1 theme call to google_map_field_embed.html.twig
GoogleMapFieldEmbedPlaceFormatter::viewElements in src/Plugin/Field/FieldFormatter/GoogleMapFieldEmbedPlaceFormatter.php
Builds a renderable array for a field value.

File

templates/google_map_field_embed.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.   <iframe

  12.       width="{{ width }}"

  13.       height="{{ height }}"

  14.       frameborder="0" style="border:0"

  15.       src="https://www.google.com/maps/embed/v1/place?key={{ api_key }}&q={{ lat }},{{ lon }}&zoom={{ zoom }}">

  16.   </iframe>

  17. </section>