blocks|key|4035884|text|首先在索引页面中包含所有脚本标记，然后从DefinitelyTyped安装定义文件|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4035885|npm+install+--save+@types/heremaps|code-block|syntax|javascript|4035886|然后添加一个引用标记///+<reference+types="@types/heremaps"+/>，这样您就拥有了所有的类型和智能感知|style|CODE|4035887|+var+platform+=+new+H.service.Platform({
++++++++'app_id':+'YOUR+APP+ID',
++++++++'app_code':+'YOUR_APP_CODE'
++++});+|4035888|entityMap|0|LINK|mutability|MUTABLE|url|http://definitelytyped.org/^0|K|F|0|0|0|A|15|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@$A|12|B|13|K|L]]|9|@]|C|$]]|$1|M|3|N|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

first include all script tags in the index page
then install the definitions file from <a href="http://definitelytyped.org/" rel="nofollow noreferrer">DefinitelyTyped</a> 

<pre><code>npm install --save @types/heremaps
</code></pre>

then add a reference tag <code>/// &lt;reference types="@types/heremaps" /&gt;</code>
so you have all the typings and intellisense

<pre><code> var platform = new H.service.Platform({
 'app_id': 'YOUR APP ID',
 'app_code': 'YOUR_APP_CODE'
 }); 
</code></pre>

blocks|key|721289|text|由于HERE地图没有npm包，因此需要将HERE库直接集成到index.html头文件中，如developer+portal中的示例所示，或者集成到.angular-cli.json的脚本数组属性中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|721290|加载脚本后，您可以开始在angular组件中集成地图。除了应用这里的示例之外，您唯一需要知道的就是如何引用将托管地图的angular组件的HTML元素。|721291|我在github上放置了一个项目，其中包含所有必需的设置，您可以先签出npm+install，然后再签出npm+start：|721292|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.here.com/documentation/maps/topics/quick-start.html^0|22|H|1A|G|0|0|0|Z|B|1G|9|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

As there is no npm package for HERE maps, you'd need to integrate the HERE library directly in your index.html header, as in the examples from the <a href="https://developer.here.com/documentation/maps/topics/quick-start.html" rel="nofollow noreferrer">developer portal</a>, or in the scripts array property of <code>.angular-cli.json</code>.

Once the scripts are loaded, you can start to integrate the maps in your angular components. Besides applying HERE examples, the only thing you need to know is how to reference to the HTML element of your angular component that will host the map.

I put up a project on github with all the required setup, that you can checkout, <code>npm install</code> and then <code>npm start</code> : <a href="https://github.com/michaelbazos/angular-here" rel="nofollow noreferrer">https://github.com/michaelbazos/angular-here</a>

blocks|key|4036039|text|我知道这个问题现在有点老了，但实际上我已经写了一个教程，在这里使用Angular。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4036040|https://developer.here.com/blog/display-here-maps-angular-web-application|offset|length|4036041|长话短说，将这里的JavaScript库添加到index.html文件中，声明platform类，然后就可以了。当然，我的教程会有更多的深度。|4036042|为了清楚起见，我在这里为开发者福音派团队工作。|4036043|最好的|4036044|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|21|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|C]]]]

I know this question is a bit older now, but I've actually written a tutorial of using HERE with Angular.

<a href="https://developer.here.com/blog/display-here-maps-angular-web-application" rel="nofollow noreferrer">https://developer.here.com/blog/display-here-maps-angular-web-application</a>

Long story short, you add the HERE JavaScript libraries to your index.html file, declare the platform class, and then you're good. Of course my tutorial will have a lot more depth.

Just for clarity, I work for HERE on the Developer Evangelism team.

Best,

blocks|key|255875|text|选项(a):您可以在My-App.ts文件中使用导入:例如|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|255876|//In+My-Map-App.ts
import+"src/assets/here/mapsjs-core.js";
import+"src/assets/here/mapsjs-service.js";
import+"src/assets/here/mapsjs-places.js";
declare+let+H;

//+then+some+use+case..
import+{+Injectable+}+from+'@angular/core';
@Injectable({
++providedIn:+'root'
})
export+class+MyMapApp+{

++searchForPlaces(){
++++var+platform+=+new+H.service.Platform({+...+});
++++var+explore+=+new+H.places.Explore(+...+);
++}
}|code-block|syntax|javascript|255877|在上面，我已经下载并复制了here+JS文件到我的本地资源目录中。|255878|255879|选项(b):将在<script..>中使用index.html导入，然后在.ts文件中使用<script..>。|255880|255881|255882|+：随着我的地图应用程序的扩展，我发现将这个Angular对象放到一个Angular+service中，然后让Angular的控制反转将它插入到我的另一个components和services中，这是最不会带来麻烦的方法。|blockquote|255883|255884|entityMap^0|0|6|A|9|0|0|0|0|0|6|8|A|L|A|11|3|19|A|0|0|0|17|7|25|A|2G|8|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|13|8|@]|E|@]|F|$J|K]]|$1|L|3|M|5|6|7|14|8|@]|E|@]|F|$]]|$1|N|3|-4|5|6|7|15|8|@]|E|@]|F|$]]|$1|O|3|P|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|D]|$9|1B|A|1C|B|D]|$9|1D|A|1E|B|D]|$9|1F|A|1G|B|D]]|E|@]|F|$]]|$1|Q|3|-4|5|6|7|1H|8|@]|E|@]|F|$]]|$1|R|3|-4|5|6|7|1I|8|@]|E|@]|F|$]]|$1|S|3|T|5|U|7|1J|8|@$9|1K|A|1L|B|D]|$9|1M|A|1N|B|D]|$9|1O|A|1P|B|D]]|E|@]|F|$]]|$1|V|3|-4|5|6|7|1Q|8|@]|E|@]|F|$]]|$1|W|3|-4|5|6|7|1R|8|@]|E|@]|F|$]]]|X|$]]

Option (a): You can use imports in your <code>My-App.ts</code> file: e.g.

<pre><code>//In My-Map-App.ts
import "src/assets/here/mapsjs-core.js";
import "src/assets/here/mapsjs-service.js";
import "src/assets/here/mapsjs-places.js";
declare let H;

// then some use case..
import { Injectable } from '@angular/core';
@Injectable({
 providedIn: 'root'
})
export class MyMapApp {

 searchForPlaces(){
 var platform = new H.service.Platform({ ... });
 var explore = new H.places.Explore( ... );
 }
}
</code></pre>

Above, I have downloaded and copied the here JS files into my local assets directory.

<hr>

Option (b): is to use a <code>&lt;script..&gt;</code> import in <code>index.html</code> and then <code>declare let H</code> in your <code>.ts</code> file.

<hr>

<blockquote>
 FWIW: as my mapping application has expanded, I find putting the <code>map</code> object into an Angular <code>service</code> and letting Angular's inversion of control insert it into my other <code>components</code> and <code>services</code> is the path of least adversity.
</blockquote>

I am unable to find angular-4 module for Here-Api. They have given only JS SDK which is difficult to integrate in angular-4. Has anyone able to integrate HERE-API js/API SDK for angular-4?

angular 4 module for here-API

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我找不到用于Here-Api的angular-4模块。他们只给出了难以集成到angular-4中的JS SDK。有没有人能把HERE-API /API集成到angular-4？

问用于here-API的angular 4模块
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于here-API的angular 4模块EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于here-API的angular 4模块
EN