粗略计算多边形中心点(并不是很准确,但简单好用)

2019-11-29 13:54:07

也是再做栅栏系统,搜索如何获取多边形中心点的问题上,发现了这个,简单易于理解,但是并不是特变准确,但也不影响使用。

后来发现了新的算法,并且百度地图也提供相应的api。

具体内容我写在了前面的文章,大家可以找一下。

path : 为多边形点的坐标(位置)

 

function getCenterPoint(path) {

//var path =e.;

//Array<Point> 返回多边型的点数组

//var ret=parseFloat(num1)+parseFloat(num2);

  var x = 0.0;

  var y = 0.0;

  for (var i = 0; i < path.length; i++) {

    x = x + parseFloat(path[i].lng);

    y = y + parseFloat(path[i].lat);

  }

  x = x / path.length;

  y = y / path.length;

//return new BMap.Point(path[0].lng,path[0].lat);

  return new BMap.Point(x, y);

//return path[0];

}


  • 2020-05-07 13:07:21

    scrollBox 跑马灯滚动js

    ​这个插件可以很好的实现跑马灯,以及轮播图等效果,scrollBox js

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置,例如 本文 左侧的悬浮导航,当页面滚动到它以前会正常地渲染到文档流中,当页面滚动超过了它的位置,就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动,旋转,淡入淡出等

    两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的版本不支持 animation 属性。)

  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮,很多还是非常富有创意的,比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画,它模拟了电灯的开关,并且在开和关之间切换时按钮的背景会有不同的变化,看起来非常不错。