Maison > interface Web > js tutoriel > Comment calculer le centre de gravité d'un polygone en JavaScript

Comment calculer le centre de gravité d'un polygone en JavaScript

亚连
Libérer: 2018-06-08 16:25:21
original
2711 Les gens l'ont consulté

Cet article présente principalement la méthode de calcul du centroïde des polygones à l'aide de JavaScript, et analyse les techniques de fonctionnement pertinentes de JavaScript pour le calcul mathématique du centroïde des polygones sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

Les exemples de cet article décrivent JavaScript Implémenter une méthode de calcul du centroïde d'un polygone. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Récemment, je souhaite afficher l'étiquetage des polygones basé sur Baidu Maps, j'ai donc étudié le calcul du centroïde du polygone. suit :

function Area(p0,p1,p2)
{
  var area = 0.0 ;
  area = p0.lng * p1.lat + p1.lng * p2.lat + p2.lng * p0.lat - p1.lng * p0.lat - p2.lng * p1.lat - p0.lng * p2.lat;
  return area / 2 ;
}
//line 249 计算polygon的质心
function getPolygonAreaCenter(points) {
  var sum_x = 0;
  var sum_y = 0;
  var sum_area = 0;
  var p1 = points[1];
  debugger;
  for (var i = 2; i < points.length; i++) {
    p2=points[i];
    area = Area(points[0],p1,p2) ;
    sum_area += area ;
    sum_x += (points[0].lng + p1.lng + p2.lng) * area;
    sum_y += (points[0].lat + p1.lat + p2.lat) * area;
    p1 = p2 ;
  }
  var xx = sum_x / sum_area / 3;
  var yy = sum_y / sum_area / 3;
  return new BMap.Point(xx, yy);
}
Copier après la connexion
Texte de l'étiquette L'effet est le suivant :

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde. tout le monde dans le futur.

Articles connexes :

Comment utiliser les types d'énumération pour implémenter des listes déroulantes HTML dans Vue

Comment empaqueter des ressources statiques dans vue

Portée JS et mécanisme de pré-analyse (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal