ionic3 打开高德地图

index中引入：script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=97e1c429289e7df00bcf7a913007695b">script>html中click = openGaodeMap()ts：longitude;// 经度latitude;//

qq_33382332

793人浏览 · 2018-01-16 14:48:51

qq_33382332 · 2018-01-16 14:48:51 发布

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';
  }
}