工作笔记

像素点转经纬度
需求 :将地图中心点设置为唯一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)是以左下角为坐标原点的像素点。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值