【实战】Angular6 引入百度地图教程

小渣渣

Angular6 引入百度地图教程，先看效果图：


下面简单介绍一下如何在Angular中使用百度地图。

第一步：申请百度地图密钥(http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey);

第二步：在Angular项目中引入百度地图API文件，在index.html中引入

登录可见。

（注意，百度地图js必须在根组件index.html页面引入，否则会报错）

另外，如果需要去除百度地图左下角的logo，仅需要在styles.scss中添加如下代码就可以了。

登录可见。

第三步：新建一个组件，在html中：

登录可见。

在component.ts文件中：

登录可见。

第四步：运行项目，就可以看到所引入的地图啦

还有两种通过模块引入百度地图的方式，还没有测试，如下：

https://www.npmjs.com/package/angular2-baidu-map
https://www.npmjs.com/package/angular-baidu-maps

ttaylor

小白准备试一试，太良心了

ttaylor

你好，代码复制过去了，但是运行没有结果，请问是为什么呢’