gpt4 book ai didi

javascript - 将 src ="http://js.api.here.com/v3/3.0/mapsjs-service.js"等第三方脚本加载到 Nodejs 应用程序中

转载 作者:行者123 更新时间:2023-11-30 20:01:42 28 4
gpt4 key购买 nike

我正在尝试将 Here map 集成到我的 Nodejs 网站中。我想要做的是在我的 app.js 文件中创建一个 map 对象,如下所示。

var map = new H.Map(
document.getElementById('mapContainer'),
maptypes.normal.map,
{
zoom: 10,
center: { lng: 13.4, lat: 52.51 }
});

然后我想把这个 map 对象传到我的ejs文件中显示。但我不知道如何将以下脚本加载到我的应用程序中。这些文件是Here map 提供的脚本,创建 map 对象需要加载这些文件。

<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<script src="http://js.api.here.com/v3/3.0/mapsjs-core.js"
type="text/javascript" charset="utf-8"></script>
<script src="http://js.api.here.com/v3/3.0/mapsjs-service.js"
type="text/javascript" charset="utf-8"></script>

如果我尝试将这些文件加载​​到我的 ejs 文件中,我会收到一条错误消息,指出 H 未定义。有人可以告诉我如何在我的应用程序中加载这些脚本,以便我可以访问新的 H.map(...)。以及如何使这些变量在我的 ejs 文件中可用

Long Story Short I want to add the following code in to my nodejs application, separating the code inside the script tag in a js file and HTML part into a EJS file

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<script src="http://js.api.here.com/v3/3.0/mapsjs-core.js"
type="text/javascript" charset="utf-8"></script>
<script src="http://js.api.here.com/v3/3.0/mapsjs-service.js"
type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div style="width: 640px; height: 480px" id="mapContainer"></div>
<script>
// Initialize the platform object:
var platform = new H.service.Platform({
'app_id': '{YOUR_APP_ID}',
'app_code': '{YOUR_APP_CODE}'
});

// Obtain the default map types from the platform object
var maptypes = platform.createDefaultLayers();

// Instantiate (and display) a map object:
var map = new H.Map(
document.getElementById('mapContainer'),
maptypes.normal.map,
{
zoom: 10,
center: { lng: 13.4, lat: 52.51 }
});
</script>
</body>
</html>

最佳答案

由于您使用的是 EJS,因此您可能需要检查一下: How to include external .js file to ejs Node template page

简而言之,EJS 中的脚本在页面发送到客户端之前在服务器端运行。

要使用第三方脚本,请尝试将它们安装在您的服务器端。

npm i here-js-api

然后将它们加载到您的脚本中: Adding local script files to EJS views

关于javascript - 将 src ="http://js.api.here.com/v3/3.0/mapsjs-service.js"等第三方脚本加载到 Nodejs 应用程序中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53307200/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com