ionic3 打開高德地圖

index中引入：

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=97e1c429289e7df00bcf7a913007695b"></script>

html中

click = openGaodeMap()

ts：

longitude;// 經度
latitude;// 緯度
addressName;// 釣魚地點

// 高德地圖
openGaodeMap(){
  this.loadMap();
}
public map: any;
loadMap(){
  this.map = new AMap.Map("mapContainer", {
    zoom: 18,
    center:[this.longitude,this.latitude]
  });
  var marker = new AMap.Marker({
    map:this.map,
    position:[this.longitude,this.latitude]
  });
  marker.setLabel({
    offset: new AMap.Pixel(20, 20),//修改label相對於maker的位置
    content: ""
  });
  marker.markOnAMAP({
    name:this.addressName,// 釣點位置
    position:marker.getPosition()
  })
  this.map.addControl(new AMap.ToolBar());
  if(AMap.UA.mobile){
    document.getElementById('button_group').style.display='none';
  }
}