<html>
  <head>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-15">
  </head>
  <body>
    <p>Hi all,</p>
    <p>I'm trying to add google maps to the default background. I'm
      currently using Geonode 2.10 (dockerized version).</p>
    By adding at the end of DEFAULT_MS2_BACKGROUNDS in settings.py the
    following lines <br>
    <p><font size="-1" face="Courier New, Courier, monospace">{<br>
      </font><font size="-1" face="Courier New, Courier, monospace">"source":
        "google",</font><br>
      <font size="-1" face="Courier New, Courier, monospace">"group":
        "background",</font><br>
      <font size="-1" face="Courier New, Courier, monospace">"title":
        "Google HYBRID",</font><br>
      <font size="-1" face="Courier New, Courier, monospace">"name":
        "HYBRID",</font><br>
      <font size="-1" face="Courier New, Courier, monospace">"thumbURL":
        "%sstatic/mapstorestyle/img/google-icon-preview.png" % SITEURL,</font><br>
      <font size="-1" face="Courier New, Courier, monospace">"visibility":
        False</font><br>
      <font size="-1" face="Courier New, Courier, monospace">}</font><br>
    </p>
    <p>I can see the icon for the google background in Mapstore, but
      it's not clickable, and still, I cannot see the preview thumbnail.<br>
    </p>
    <p>I've also added GOOGLE_API_KEY in my env file and then fixed the
      BASEMAP ptype with "gxp_googlesource" in this way:<br>
    </p>
    <p><font size="-1" face="Courier New, Courier, monospace">if
        GOOGLE_API_KEY:<br>
           BASEMAP = {<br>
                    'source': {<br>
                         'ptype': 'gxp_googlesource',<br>
                         'apiKey': GOOGLE_API_KEY<br>
                    },<br>
                    'name': 'SATELLITE',<br>
                    'fixed': True,<br>
                    'visibility': False,<br>
                    'group': 'background'<br>
                }<br>
           MAP_BASELAYERS.append(BASEMAP)</font><br>
    </p>
    <p>Am I on the right way? What can be missing? Should I have to be
      in production for testing this? <br>
      Why is the "Google HYBRID" square not clickable?</p>
    <p><br>
      Thanks in advance for your help, <br>
    </p>
    <p>Chiara Sammarco<br>
    </p>
    <div class="moz-signature">
      <style>a {color: #24AE5F;}
</style></div>
  <div id="DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2"><br />
<table style="border-top: 1px solid #D3D4DE;">
        <tr>
        <td style="width: 55px; padding-top: 13px;"><a href="https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient&utm_term=icon" target="_blank"><img src="https://ipmcdn.avast.com/images/icons/icon-envelope-tick-round-orange-animated-no-repeat-v1.gif" alt="" width="46" height="29" style="width: 46px; height: 29px;" /></a></td>
                <td style="width: 470px; padding-top: 12px; color: #41424e; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Virus-free. <a href="https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=emailclient&utm_term=link" target="_blank" style="color: #4453ea;">www.avast.com</a>
                </td>
        </tr>
</table><a href="#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2" width="1" height="1"> </a></div></body>
</html>