angular 高德地图插件

推荐一款好用的地图插件
https://www.npmjs.com/package/ngx-amap
插件详细文档
https://xieziyu.github.io/ngx-amap/api-doc/index.html

// 安装插件
npm i ngx-amap

//  组件所在的module中导入模块
import { NgxAmapModule } from 'ngx-amap';
imports: [
    ....
    NgxAmapModule.forRoot({
      apiKey: '高德官网申请的开发者apikey'
    })
  ],

页面展示

<ngx-amap style="height: 600px;" [center]="[116.397428, 39.90923]" [zooms]="[10,20]">
  <amap-marker [position]="[116.397428, 39.90923]" ></amap-marker>
</ngx-amap>