fix: ein Div über der Map, damit beim scrollen nicht das Scrollevent auftritt....

fix: ein Div über der Map, damit beim scrollen nicht das Scrollevent auftritt. Beim mouseover kommt eine entsrpechende Meldung für Benutzer  und der Div ist nach Mausklick weg. In mobile deaktiviert.
refactor: code style

locale.xml

@@ -775,34 +775,40 @@ M&ouml;chten Sie die Bausteine aus der Bausteinzone entfernen?</p>]]></de>
             <de><![CDATA[Einstellungen für Karten]]></de>
             <en><![CDATA[Maps settings]]></en>
         </locale>
+        <locale name="brick.control.simplegooglemaps.clickToActivate">
+            <de><![CDATA[Zum Aktivieren klicken]]></de>
+            <en><![CDATA[Click to activate]]></en>
+            <pl><![CDATA[Kliknij, zeby aktywowac]]></pl>
+        </locale>
+
         <locale name="brick.control.simplegooglemaps.settings.place">
             <de><![CDATA[Google Place]]></de>
             <en><![CDATA[Google Place]]></en>
         </locale>
-        <locale name="brick.control.simplegooglemaps.settings.title">
-            <de><![CDATA[Title]]></de>
-            <en><![CDATA[Title]]></en>
-        </locale>
-        <locale name="brick.control.simplegooglemaps.settings.street">
-            <de><![CDATA[Straße]]></de>
-            <en><![CDATA[Street]]></en>
-        </locale>
-        <locale name="brick.control.simplegooglemaps.settings.zip">
-            <de><![CDATA[PLZ]]></de>
-            <en><![CDATA[ZIP code]]></en>
-        </locale>
-        <locale name="brick.control.simplegooglemaps.settings.city">
-            <de><![CDATA[Stadt]]></de>
-            <en><![CDATA[City]]></en>
-        </locale>
-        <locale name="brick.control.simplegooglemaps.settings.zoom">
-            <de><![CDATA[Zoom]]></de>
-            <en><![CDATA[Zoom]]></en>
-        </locale>
-        <locale name="brick.control.simplegooglemaps.settings.api">
-            <de><![CDATA[API Key]]></de>
-            <en><![CDATA[API Key]]></en>
-        </locale>
+            <locale name="brick.control.simplegooglemaps.settings.title">
+                <de><![CDATA[Title]]></de>
+                <en><![CDATA[Title]]></en>
+            </locale>
+            <locale name="brick.control.simplegooglemaps.settings.street">
+                <de><![CDATA[Straße]]></de>
+                <en><![CDATA[Street]]></en>
+            </locale>
+            <locale name="brick.control.simplegooglemaps.settings.zip">
+                <de><![CDATA[PLZ]]></de>
+                <en><![CDATA[ZIP code]]></en>
+            </locale>
+            <locale name="brick.control.simplegooglemaps.settings.city">
+                <de><![CDATA[Stadt]]></de>
+                <en><![CDATA[City]]></en>
+            </locale>
+            <locale name="brick.control.simplegooglemaps.settings.zoom">
+                <de><![CDATA[Zoom]]></de>
+                <en><![CDATA[Zoom]]></en>
+            </locale>
+            <locale name="brick.control.simplegooglemaps.settings.api">
+                <de><![CDATA[API Key]]></de>
+                <en><![CDATA[API Key]]></en>
+            </locale>
 
         <!-- Box Content -->
         <locale name="bricks.BoxContent.title">

src/QUI/Bricks/Controls/Children/Listing.php

@@ -35,7 +35,8 @@ public function __construct($attributes = array())
             'Site'           => true,
             'where'          => false,
             'itemtype'       => 'http://schema.org/ItemList',
-            'child-itemtype' => 'http://schema.org/NewsArticle',
+            'child-itemtype' => 'https://schema.org/ListItem',
+            'child-itemprop' => 'itemListElement',
             'display'        => 'childrenlist',
             'order'          => 'c_date DESC'
         ));

src/QUI/Bricks/Controls/SimpleGoogleMaps.css

-#SimpleGoogleMaps {
+.simpleGoogleMap {
+    position: relative;
+}
+
+.simpleGoogleMap-iframe {
     background: none;
     border: none;
     display: block;
     height: 300px;
+    position: relative;
     width: 100%;
+}
+
+.simpleGoogleMap-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: 0.3s all ease-in-out;
+}
+
+.simpleGoogleMap-wrapper span {
+    text-align: center;
+    display: inline-block;
+    font-size: 1.7em;
+    color: #fff;
+    padding: 10px 20px;
+    border: 2px solid rgba(255, 255, 255, 0.7);
+    cursor: default;
+    transition: 0.3s all ease-in-out;
+    margin: 0 10px;
+}
+
+.simpleGoogleMap-wrapper span:hover {
+    box-shadow: 0 0 6px 0 #fff;
+    background: rgba(255, 255, 255, 0);
+
+}
+
+.simpleGoogleMap-wrapper:hover {
+    opacity: 1;
+    transition-delay: 350ms;
+}
+
+.simpleGoogleMap-wrapper.simpleGoogleMap-hideWrapper {
+    display: none;
+}
+
+@media screen and (max-width: 767px) {
+    .simpleGoogleMap-wrapper {
+        display: none;
+    }
 }
\ No newline at end of file

src/QUI/Bricks/Controls/SimpleGoogleMaps.html

@@ -9,5 +9,9 @@
     {$this->getAttribute('content')}
 </div>
 {/if}
-
-<iframe id="SimpleGoogleMaps" src="{$url}"></iframe>
\ No newline at end of file
+<div class="simpleGoogleMap">
+    <div class="simpleGoogleMap-wrapper">
+        <span>{locale group='quiqqer/bricks' var='brick.control.simplegooglemaps.clickToActivate'}</span>
+    </div>
+    <iframe class="simpleGoogleMap-iframe" src="{$url}"></iframe>
+</div>
\ No newline at end of file

src/QUI/Bricks/Controls/SimpleGoogleMaps.php

@@ -32,6 +32,8 @@ public function __construct($attributes = array())
         $this->addCSSFile(
             dirname(__FILE__) . '/SimpleGoogleMaps.css'
         );
+
+        $this->setAttribute('qui-class', "package/quiqqer/bricks/bin/Controls/SimpleGoogleMaps");
     }
 
     /**