未在SAPUI5的sap.ui.vbm.GeoMap库中显示Google Map(带有API密钥)

时间:2019-05-15 08:50:01

标签: javascript sapui5 geomap

我正在尝试将Google Maps(带有API密钥)用作SAPUI5中sap.ui.vbm.GeoMap库中的地图提供程序,但未显示地图。我的API密钥正确(已通过Google Maps扩展名检查),并且控制台中没有错误。

如果我将源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");

有人可以帮助我吗,我可能做错了什么或需要更改?当我以相同方式使用“开放式街道地图”时,它可以正常工作,但不能与Google地图配合使用

1 个答案:

答案 0 :(得分:0)

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

您配置地图的代码很好,您只需要正确的源URL。该网址与您要更改以显示地图的网址非常相似。

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

将“ API_KEY”更改为密钥,您应该会很好。