首页 > 解决方案 > SAPUI5基于图片、车间构建GeoMap

问题描述

我需要构建一个显示建筑物(车间)平面图的应用程序。我还需要在定义的位置放置一些文本框,其中包含一些数据,比如弹出窗口。但我需要其中几个,并且都需要在没有用户交互的情况下打开/激活。

我怎样才能做到这一点?我浏览了看起来很棒的 Analytics Map 和 GeoMap,尤其是带有容器的 GeoMap 似乎很合适。https://sapui5.hana.ondemand.com/#/entity/sap.ui.vbm.GeoMap/sample/sap.ui.vbm.sample.GeoMapCharts

但是,我不需要世界地图。我需要一张基于我自己的图片/图像的地图,显示建筑物的平面图。任何人都曾经构建过类似的东西或任何想法如何解决这个问题?

我能够将我的自定义图像作为地图加载到 GeoMap 中。但它会重复几次并且不能正确缩放。有任何解决这个问题的方法吗?

buildMap: function () {
        var oGeoMap = this.getView().byId("GeoMap");
        var oMapConfig = {
            "MapProvider": [{
                "name": "HEREMAPS",
                "type": "",
                "description": "",
                "tileX": "256",
                "tileY": "256",
                "maxLOD": "1",
                "copyright": "Tiles Courtesy of HERE Maps",
                "Source": [{
                    "id": "s1",
                    "url": "images/HS1.jpg"
                }]
            }],
            "MapLayerStacks": [{
                "name": "DEFAULT",
                "MapLayer": {
                    "name": "layer1",
                    "refMapProvider": "HEREMAPS",
                    "opacity": "1.0",
                    "colBkgnd": "RGB(255,255,255)"
                }
            }]
        };
        oGeoMap.setMapConfiguration(oMapConfig);
        oGeoMap.setRefMapLayerStack("DEFAULT");

添加自定义图像作为地图提供者后的地图

PS:我知道有一个 ImageMap 类,但它被标记为已弃用,没有任何替换。

标签: sapui5imagemapgeomap

解决方案


推荐阅读