SAPUI5 的 sap.ui.vbm.GeoMap 库中未显示 Google 地图（带有 API 密钥）答案

【问题标题】：Google Map (with API Key) not showing in sap.ui.vbm.GeoMap library in SAPUI5SAPUI5 的 sap.ui.vbm.GeoMap 库中未显示 Google 地图（带有 API 密钥）
【发布时间】：2019-05-15 08:50:00
【问题描述】：

我正在尝试在 SAPUI5 的 sap.ui.vbm.GeoMap 库中使用 Google 地图（带有 API 密钥）作为地图提供程序，但地图没有显示。我的 API 密钥是正确的（通过 Google 地图扩展检查）并且控制台中没有错误。

如果我将源 URL 更改为“https://mt.google.com/vt/x={X}&y={Y}&z={LOD}”，则会显示地图，但我不确定这是否可以用于生产环境这没有 API 密钥。这就是我在 mapconfig 中使用它的方式：

var oMap = new sap.ui.vbm.GeoMap();
var oMapConfig = { 
           “MapProvider”: [{
                    “Id”: “GM”,
                    “name”: “Google Maps”,
                    “minLOD”: “1”,
                    “maxLOD”: “19”,
                    “tileX”: “256”,
                    “tileY”: “256”,
                    “copyright”: “© Google Maps”,
                    “Source”: [{
                      “id”: “a”,
                      “url”: “https://maps.googleapis.com/maps/api/js?key=My_API_Key”
                    }]
                }],
                “MapLayerStacks”: [{
                    “name”: “Default”,
                    “MapLayer”: [{
                        “name”: “Default”,
                        “refMapProvider”: “Google Maps”,
                        “opacity”: “1.0",
                        “colBkgnd”: “RGB(255,255,255)”
                    }]
                }]
            }; 


oMap.setMapConfiguration(oMapConfig); 
oMap.setRefMapLayerStack("Default");

有人可以帮我解决这个问题，我可能做错了什么或需要改变吗？当我以同样的方式使用 Open Street Map 时，它可以正常工作，但不能用于 Google 地图

【问题讨论】：

标签： javascript sapui5 geomap

【解决方案1】：

我不知道您是否还需要答案，但我在将 Google Maps API 实施到 SAPUI5 的 Geomap 控件时也遇到了一些困难。我找到了解决方案，所以我会在这里为您和其他开发人员写下来。

您配置地图的代码很好，您只需要正确的源 URL。此 URL 与您为显示地图而更改的 URL 非常相似。

https://mt1.googleapis.com/vt?x={X}&y={Y}&z={LOD}&key=API_KEY

将“API_KEY”更改为您的密钥，您应该一切顺利。

【讨论】：