Javascript 加载第三方脚本,如src=";http://js.api.here.com/v3/3.0/mapsjs-service.js" 进入Nodejs应用程序
我正在尝试将这里的地图集成到我的Nodejs网站中。我想做的是在我的app.js文件中创建一个map对象,如下所示Javascript 加载第三方脚本,如src=";http://js.api.here.com/v3/3.0/mapsjs-service.js" 进入Nodejs应用程序,javascript,jquery,node.js,here-api,here-maps-rest,Javascript,Jquery,Node.js,Here Api,Here Maps Rest,我正在尝试将这里的地图集成到我的Nodejs网站中。我想做的是在我的app.js文件中创建一个map对象,如下所示 var map = new H.Map( document.getElementById('mapContainer'), maptypes.normal.map, { zoom: 10, center: { lng: 13.4, lat: 52.51 }
var map = new H.Map(
document.getElementById('mapContainer'),
maptypes.normal.map,
{
zoom: 10,
center: { lng: 13.4, lat: 52.51 }
});
然后我想把这个映射对象传递给我的ejs文件来显示。但是我不知道如何将下面的脚本加载到我的应用程序中。这些文件是由Here maps提供的脚本,创建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文件中可用
长话短说,我想将以下代码添加到我的nodejs应用程序中,将js文件中的script标记和HTML部分中的代码分离到EJS文件中
//初始化平台对象:
var平台=新的H.service.platform({
“应用程序id”:“{您的应用程序id}”,
“应用程序代码”:“{您的应用程序代码}”
});
//从平台对象获取默认贴图类型
var maptypes=platform.createDefaultLayers();
//实例化(并显示)地图对象:
变量映射=新的H.映射(
document.getElementById('mapContainer'),
maptypes.normal.map,
{
缩放:10,
中心:{lng:13.4,lat:52.51}
});
由于您使用的是EJS,您可能需要查看以下内容:
简而言之,在将页面发送到客户端之前,EJS中的脚本在服务器端运行
要使用第三方脚本,请尝试在服务器端安装它们
npm i here-js-api
然后将它们加载到脚本中: