Javascript 在OpenUI5应用程序中导入传单库

Javascript 在OpenUI5应用程序中导入传单库,javascript,xml,web,sapui5,openstreetmap,Javascript,Xml,Web,Sapui5,Openstreetmap,那么我想做什么呢? 我正在创建一个OpenUI5 webapp,其目的是在给定区域中路由用户。 为此,我应该使用OpenStreetMap,经过几分钟的研究,我发现了传单库。所以我想导入库并使用它来显示给定的区域 我的问题是,到目前为止我遇到的所有教程都只是告诉我如何使用html实现这一点,遗憾的是我只有xml视图 是否有人提供了此特定场景的教程?您可以将要使用的库添加到Openui5应用程序的index.html文件中,在ui5引导旁边的head标记中,如下所示: <script id=

那么我想做什么呢? 我正在创建一个OpenUI5 webapp,其目的是在给定区域中路由用户。 为此,我应该使用OpenStreetMap,经过几分钟的研究,我发现了传单库。所以我想导入库并使用它来显示给定的区域

我的问题是,到目前为止我遇到的所有教程都只是告诉我如何使用html实现这一点,遗憾的是我只有xml视图


是否有人提供了此特定场景的教程?

您可以将要使用的库添加到Openui5应用程序的index.html文件中,在ui5引导旁边的head标记中,如下所示:

<script id="sap-ui-bootstrap" src="https://openui5.hana.ondemand.com/1.77.2/resources/sap-ui-core.js"
    data-sap-ui-theme="sap_fiori_3" data-sap-ui-resourceroots='{
            "project": "./"
        }' data-sap-ui-oninit="module:sap/ui/core/ComponentSupport" data-sap-ui-compatVersion="edge"
    data-sap-ui-async="true" data-sap-ui-frameOptions="trusted">
    </script>

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
    integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
    crossorigin="" />
<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
    integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
    crossorigin=""></script>
我不知道要使用的库,但是如果需要创建任何HTML元素,可以使用sap.ui.core.HTML类


这应该管用

您好,请阅读本文,然后试着问一个更具体的问题。如果您正在构建一个OpenUI5应用程序,它通常不是一个独立的应用程序吗?我只是想知道为什么不能使用html。我面临的问题是,我有一个xml视图,我想在其中使用传单库中的地图。遗憾的是,我不知道如何在视图中实现地图。因为我遇到的所有教程都使用纯html,只需声明一个,然后将映射设置到这个div中。在我最初的问题中可能措辞不好谢谢你的贡献。不幸的是,这个答案是基于这样的假设,即问题作者有权访问HTML文档,而这似乎不是真的。问题:我的问题是,到目前为止,我遇到的所有教程都告诉我如何使用html实现这一点,遗憾的是,我只有xml视图。它只有xml视图,但是Openui5需要一个html文件来加载ui5的所有依赖项,它可以在openui5启动程序旁边添加任何其他javascript库。我也在想它,所以我的问题是。但就目前而言,问题作者显然不想要html解决方案。谢谢,这是可行的,但不是我喜欢的解决方案。我现在决定通过PACKAG.JSON安装它,它似乎已经工作了.@ NIK.NO.THICC,如果你找到了一个解决方案,考虑添加一个答案并接受它,让其他人知道这个问题现在解决了。