RenderElements offered by geolocation

This is a prefix

This is a suffix

Single Map Code

        $elements['single_map'] = [
          '#type' => 'geolocation_google_map',
          '#prefix' => $this->t('This is a prefix'),
          '#suffix' => $this->t('This is a suffix'),
          '#longitude' => 42,
          '#latitude' => 34,
          '#width' => 100,
          '#height' => 100,
          '#zoom' => 4,
        ];

13 32

-11 -12

Common Map Code

        $elements['common_map'] = [
          '#type' => 'geolocation_google_map',
          '#width' => 200,
          '#height' => 200,
          '#locations' => [
            [
              'latitude' => 13,
              'longitude' => 32,
            ],
            [
              'latitude' => -11,
              'longitude' => -12,
            ],
          ],
        ];

Map Settings Code

        $elements['map_settings'] = [
          '#type' => 'geolocation_google_map',
          '#latitude' => 40.6700,
          '#longitude' => -73.9400,
          '#controls' => TRUE,
          '#width' => 250,
          '#height' => 250,
          '#settings' => [
            'google_map_settings' => [
              'style' => json_decode('[{"elementType":"labels","stylers":[{"visibility":"off"},{"color":"#f49f53"}]},{"featureType":"landscape","stylers":[{"color":"#f9ddc5"},{"lightness":-7}]},{"featureType":"road","stylers":[{"color":"#813033"},{"lightness":43}]},{"featureType":"poi.business","stylers":[{"color":"#645c20"},{"lightness":38}]},{"featureType":"water","stylers":[{"color":"#1994bf"},{"saturation":-69},{"gamma":0.99},{"lightness":43}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"#f19f53"},{"weight":1.3},{"visibility":"on"},{"lightness":16}]},{"featureType":"poi.business"},{"featureType":"poi.park","stylers":[{"color":"#645c20"},{"lightness":39}]},{"featureType":"poi.school","stylers":[{"color":"#a95521"},{"lightness":35}]},{},{"featureType":"poi.medical","elementType":"geometry.fill","stylers":[{"color":"#813033"},{"lightness":38},{"visibility":"off"}]},{},{},{},{},{},{},{},{},{},{},{},{"elementType":"labels"},{"featureType":"poi.sports_complex","stylers":[{"color":"#9e5916"},{"lightness":32}]},{},{"featureType":"poi.government","stylers":[{"color":"#9e5916"},{"lightness":46}]},{"featureType":"transit.station","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","stylers":[{"color":"#813033"},{"lightness":22}]},{"featureType":"transit","stylers":[{"lightness":38}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"color":"#f19f53"},{"lightness":-10}]},{},{},{}]'),
            ],
          ],
        ];