天天看點

Angular4中引入高德地圖

*先去官網申請所需要的key

     https://lbs.amap.com/api/webservice/guide/create-project/get-key

第一步,引入高德地圖api,注意使用自己的web端js api key

Angular4中引入高德地圖

第二步,聲明AMap

Angular4中引入高德地圖

第三步,html中寫地圖容器,設定樣式大小

Angular4中引入高德地圖

第四步,ts中寫地圖内容

Angular4中引入高德地圖

然後地圖就出現了~

Angular4中引入高德地圖