推荐一款好用的地图插件
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>
