angular2引入高德地图

如何在angular2组件中使用高德地图

①首先在angular项目中找的index.html入口文件引入高德地图JavaScript API入口脚本

angular2引入高德地图_第1张图片

②在项目src/typing.d.ts文件中写declare var AMap: any;

angular2引入高德地图_第2张图片
angular2引入高德地图_第3张图片

③重新编译一下,在终端执行ng serve 就可以在组件中使用高德地图了

angular2引入高德地图_第4张图片

④在自己要写地图的文件中写下面的代码

angular2引入高德地图_第5张图片

执行map()方法就可以看到地图啦

切记一定要重新编译一下

你可能感兴趣的:(angular2引入高德地图)