title: How to use Google Maps with SAPUI5 GeoMap control
body: <p>I have an SAPUI5 app that needs to plot spots on a GeoMap control.  It works fine, so long as I use HEREMaps as the provider.  However, the company would like me to use Google Maps.  I can't find any information out there about how to set up the MapProvider for the GeoMap control to use Google Maps.</p>
  
  <p>Here is (essentially) my GeoMap control:</p>
  
  <pre><code>                &lt;vk:content&gt;
                      &lt;vk:ContainerContent title="Map" icon="sap-icon://choropleth-chart"&gt;
                          &lt;vk:content&gt;
                              &lt;vbm:GeoMap id="GeoMap" width="100%" height="100%"&gt;
                                  &lt;vbm:vos&gt;
                                      &lt;vbm:Spots 
                                          click="onClickItem" 
                                          contextMenu="onContextMenuItem" 
                                          id="caseTimeMapSpots" 
                                          items="{path: '/CaseEvents/results'}" 
                                          posChangeable="true" 
                                          scaleChangeable="true"
                                          &gt;
                                          &lt;vbm:items&gt;
                                          &lt;vbm:Spot 
                                              id="Spot"
                                              position="{Longitude};{Latitude};0" 
                                              tooltip="{EventName} - {path: 'EventDatetime', formatter: '.formatDate'} {path: 'EventDatetime', formatter: '.formatTime'}" 
                                              type="Warning"
                                              click="onClickSpot" 
                                              contextMenu="onContextMenuSpot" 
                                              text="{EventName}"
                                              scale="{path: 'DeleteInd', formatter: '.formatScale'}"
                                          /&gt;
                                          &lt;/vbm:items&gt;
                                      &lt;/vbm:Spots&gt;
                                  &lt;/vbm:vos&gt;
                              &lt;/vbm:GeoMap&gt;
                          &lt;/vk:content&gt;
                      &lt;/vk:ContainerContent&gt;
                  &lt;/vk:content&gt;
  </code></pre>
  
  <p>And here is where I set the MapProvider in my controller:</p>
  
  <pre><code>            var oGeoMap = this.getView().byId("GeoMap");
              var oMapConfig = {
                  "MapProvider": [{
                      "name": "HEREMAPS",
                      "type": "",
                      "description": "",
                      "tileX": "256",
                      "tileY": "256",
                      "maxLOD": "20",
                      "copyright": "Tiles Courtesy of HERE Maps",
                      "Source": [
                          {
                          "id": "s1",
                          "url": "https://1.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/{LOD}/{X}/{Y}/256/png8?app_id=XXX"
                          },
                          {
                          "id": "s2",
                          "url": "https://2.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/{LOD}/{X}/{Y}/256/png8?app_id=XXX"
                          }
                      ]
                  }],
                  "MapLayerStacks": [{
                      "name": "DEFAULT",
                      "MapLayer": {
                          "name": "layer1",
                          "refMapProvider": "HEREMAPS",
                          "opacity": "1.0",
                          "colBkgnd": "RGB(255,255,255)"
                      }
                  }]
              };
              oGeoMap.setMapConfiguration(oMapConfig);
              oGeoMap.setRefMapLayerStack("DEFAULT");
              oGeoMap.setInitialZoom(13);
              oGeoMap.setInitialPosition("-97.57;35.57;0");
  </code></pre>
  
  <p>Has anyone done this using Google Maps?  How is the MapProvider set up?</p>
  
  <p>Thanks.</p>