zoukankan      html  css  js  c++  java
  • 百度地图 js api 实现 line 居中显示

          项目中有个需求需要在百度地图的中心显示画的线,以前用过mapPanto这个方法,传入坐标就可以将地图平移到这个坐标,不过不知道如何获取线的中心点,看了别人的代码,有以下两个函数可以实现这个功能

         getbounds 返回地图可视区域,以地理坐标表示。 通过这个方法可以获取 line的四个角点坐标

         setViewport(view:Array<Point>|Viewport[, viewportOptions: ViewportOptions])   根据提供的地理区域或坐标设置地图视野,调整后的视野会保证包含提供的地理区域或坐标。(自 1.1 新增)

      实现的思路如下 line的范围 ,用setViewport进行校正

    bounds = this.polygonsArray[0].getBounds();


    var boundsLB = bounds.getSouthWest();
    var boundsRT = bounds.getNorthEast();
    //对象的宽高
    var geomW = boundsRT.lng - boundsLB.lng;
    var geomH = boundsRT.lat - boundsLB.lat;
    //左下
    var lngLB = boundsLB.lng - geomW;
    var latLB = boundsLB.lat - geomH;
    //右上
    var lngRT = boundsRT.lng + geomW;
    var latRT = boundsRT.lat + geomH;
    var viewport = [
    new BMap.Point(lngLB,latLB),
    new BMap.Point(lngRT,latRT)
    ];
    this.map.setViewport(viewport);

  • 相关阅读:
    聊聊ES6中的generator
    generator-yield到底是个啥
    jquery 常用方法中那些我不知道的事
    jquery 获取textarea文本值详解
    数组去重
    五指棋人机大战之ai篇
    五指棋人机大战之ui篇
    css控制背景图像不随滚动条的滚动而滚动
    用canvas画会旋转的伞
    CSS3 实现太极图案
  • 原文地址:https://www.cnblogs.com/lilefordream/p/3334354.html
Copyright © 2011-2022 走看看