angular 6引入高德地图

一：申请高德地图key： /dev/key/app

二：inde.html 里：

<!--引入高德地图JSAPI -->

<scriptsrc="/maps?v=1.4.3&key=填入你申请的key"></script>

<!--引入UI组件库（1.0版本） -->

<!--<script src="///ui/1.0/main.js"></script>-->

三：在想要做地图的组件：

1.html:

<divid='container'style='width:800px;height:600px;'></div>

2.ts:

import{ Component, OnInit }from'@angular/core';declare varAMap:any; // 一定要声明AMap，要不然报错找不到AMap@Component({selector:'map',templateUrl:'./ponent.html',styleUrls: ['./ponent.css']})export classMapComponentimplementsOnInit {

constructor() { }

ngOnInit() {this.getMap ();}

// 地图要放到函数里。getMap(){letmap=newAMap.Map('container', {resizeEnable:true,zoom:11,center: [116.397428, 39.90923]});}}

四：效果图：