工作笔记

像素点转经纬度
需求 :将地图中心点设置为唯一marker点,且上移为视野居中,底部是卡片
  @ViewChild('map_container') map_container: ElementRef; 
  @ViewChild('card_container') card_container: ElementRef;
  
    this.map.on('complete', function () {      // 地图图块加载完成后触发
          let map_container_h = that.map_container.nativeElement.offsetHeight;      
          let map_container_w = that.map_container.nativeElement.offsetWidth;      
          let card_container_h = that.card_container.nativeElement.offsetHeight;
          
          var pixel = new AMap.Pixel(map_container_w / 2, (map_container_h - card_container_h) / 2 + card_container_h);      
          var lnglat = that.map.containerToLngLat(pixel);
          that.map.setCenter([lnglat.lng, lnglat.lat]);    
     });

1、获取dom元素,求取可视区域宽高
@ViewChild(‘map_container’) map_container: ElementRef;
2、像素点转经纬度
that.map.containerToLngLat(pixel);

这里new AMap.Pixel(x,y)是以左下角为坐标原点的像素点。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值