Calculer l'aire d'un polygone

J'ai besoin d'obtenir l'aire d'un polygone dans ma carte. J'ai cherché un exemple de new google.maps.geometry.spherical.computeArea, mais je ne peux pas le faire fonctionner, et je ne sais pas pourquoi.

function dibuV(area){
  var i;
  var a = new Array();
  for(i=0; i<area.length; i++){
    var uno = area[i].split(",");
    a[i] = new google.maps.LatLng(uno[0],uno[1]);
  }
  poligon = new google.maps.Polygon({
    paths: a,
    strokeColor: "#22B14C",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#22B14C",  
    fillOpacity: 0.35  
  })  
  poligon.setMap(map);//until here is ok 
  var z = new google.maps.geometry.spherical.computeArea(poligon.getPath());
  alert(z); //this is not working
}
InformationsquelleAutor Hyper | 2012-05-26
  1. 15

    L'erreur que votre code vous donne: google.maps.geometry is undefined

    De la Google Maps API v3 de la documentation, la géométrie fonctions font partie d'une bibliothèque qui n'est pas chargé par défaut:

    Les concepts dans ce document font référence à des fonctions disponibles seulement
    au sein de google.cartes.la géométrie de la bibliothèque. Cette bibliothèque n'est pas chargé par
    par défaut lorsque vous chargez les Maps Javascript API, mais doit être explicitement
    spécifié par l'utilisation de bibliothèques de bootstrap paramètre.

    Afin de charger et d'utiliser la géométrie funcitons au sein de votre page, vous devez signaler à Google que vous allez être en utilisant la géométrie de la bibliothèque, en l'ajoutant à votre initiale de l'API Google appel en incluant libraries=geometry:

    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false"></script>

    Cette charge ensuite la géométrie de la bibliothèque et de votre z variable contiendra un objet.

    Page de Test avec le code de travail:

    <!DOCTYPE html>
<html>
<head>
    <style type="text/css">
      html, body, #map_canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false"></script>
<script type="text/javascript">
    var map;
    function initialize()
    {
        var myOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
    </script>
<script>
function test()
{
var arr = new Array()
arr.push('51.5001524,-0.1262362');
arr.push('52.5001524,-1.1262362');
arr.push('53.5001524,-2.1262362');
arr.push('54.5001524,-3.1262362');
dibuV(arr);
}
function dibuV(area)
{
var a = new Array();

for(var i=0; i<area.length; i++)
{
    var uno = area[i].split(",");
    a[i] = new google.maps.LatLng(uno[0],uno[1]);
}

poligon = new google.maps.Polygon({
    paths: a,
    strokeColor: "#22B14C",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#22B14C",   
    fillOpacity: 0.35   
})  

poligon.setMap(map);//until here is ok 
var z = new google.maps.geometry.spherical.computeArea(poligon.getPath());
alert(z); //this is not working
}
</script>
</head>
<body onload="test();">
    <div id="map_canvas"></div>
</body>
</html>
    • Comment savez-vous qu'il obtient cette erreur, je me demande? Pour ma part, avec le dessin de la bibliothèque déjà chargé, l'ajout de la balise de script vous suggérons causé l'échec du processus. Peut-être que la géométrie est inclus avec le dessin de la bibliothèque? Fonctionne pour moi. (Et que Leonardo a dit, de perdre le "nouveau" en face de la méthode statique.)
    • Merci, j'ai passé beaucoup de temps à me gratter la tête quand je suis tombé sur cette. Dans mon cas, il a été le déclenchement de l'jquery charge de l'événement avant la présente partie de la bibliothèque a été chargé.
    • Et si vous êtes exigeant plus d'une bibliothèque, il suffit de virgules séparent comme ceci: ?libraries=geometry,visualization ..etc.
    • Une aide supplémentaire pour les chercheurs où cela peut ne pas être une solution complète: si vous êtes en train de charger la géométrie de la bibliothèque et à l'aide d'une clé API, vous doit mettre le libraries paramètre avant la key paramètre. J'ai été coincé pendant des siècles sur ce point
    InformationsquelleAutor staticbeast
  2. 6

    Ce n'est pas de travail parce que vous êtes à l'aide de "nouveau" pour utiliser le computeArea méthode.
    Utiliser "google.cartes.la géométrie.sphérique.computeArea" sans "nouveau".
    Exemple: 

    var z = google.maps.geometry.spherical.computeArea(myPolyline.getPath().getArray());
alert(z);

    Cela fonctionne.

    InformationsquelleAutor Leonardo Augusto Balzaretti