none
como obtener el radio de un circulo despues de editarlo on google maps api RRS feed

  • Pregunta

  • Buenas amigos 

    estoy intentando obtener el radio de un circulo despues de editarlo, estoy utilizando la libreria drawingManager de google maps. 

    dejo parte del codigo para su revision y ayuda.. gracias...

     <script type="text/javascript">
        var radius;
        var redondo;

        function initialize() {
           var mapOptions = {
             //center: new google.maps.LatLng(-34.397, 150.644),
             center: new google.maps.LatLng(4.705, -74.113),
             zoom: 5,
             mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById('map_canvas'),
              mapOptions);
            redondo = new google.maps.Circle(document.getElementById('map_canvas'),mapOptions);

            var drawingManager = new google.maps.drawing.DrawingManager({
       drawingMode: google.maps.drawing.OverlayType.MARKER,
      drawingControl: true,
      drawingControlOptions: {
        "Apple-tab-span" style="white-space:pre;">     drawingModes: [
         google.maps.drawing.OverlayType.MARKER,
         google.maps.drawing.OverlayType.CIRCLE,
         google.maps.drawing.OverlayType.POLYGON,
         google.maps.drawing.OverlayType.POLYLINE,
         google.maps.drawing.OverlayType.RECTANGLE
       ]
     },
              markerOptions: {
                icon: 'Images/marker_sprite.png'
              },
              circleOptions: {
              strokeColor: '#FF0000',
                fillColor: '#DF0101',
                fillOpacity: 0.3,
                strokeWeight: 2,
                editable:true

              },
      rectangleOptions: {
         strokeColor: "#FF0000",
         strokeWeight: 2,
         fillColor: '#DF0101',
         fillOpacity: 0.35,
      },
      polygonOptions: {
       strokeColor: "#FF0000",
         strokeWeight: 2,
         fillColor: '#DF0101',
         fillOpacity: 0.35,
      }    
            });
            drawingManager.setMap(map);
            google.maps.event.addListener(drawingManager,'circlecomplete', function(circle){
            radius = circle.getRadius();
            document.getElementById("radio").innerHTML=radius;
            redondo=circle;
           
            });

            google.maps.event.addListener(drawingManager, 'polygoncomplete', function(Polygon) {
       var vertices = Polygon.getPath();
       var pocision="";
       for (var i=0; i < vertices.length; i++){
        var xy=vertices.getAt(i);
      pocision += "<br>"+ xy.lng() +" , " + xy.lat();
      document.getElementById("posicion").innerHTML=pocision;
     }
     //document.getElementById("posicion").innerHTML= Polygon.getPaths(latlang).tostring;
    });


            
            google.maps.event.addListener(redondo, 'radius_changed', function(){
            alert('buenaS');
            });
          }

          google.maps.event.addDomListener(window, 'load', initialize);
         
        </script>
    </head>
    <body>
    <div id="map_canvas" style="width: 500px; height: 400px; display:table-cell"></div>
    <div style="margin:0px 0px 0px 800px; display:table-cell">
    Posicion: <span id="posicion" style="display:none"></span><br>
    Radio = <span id="radio"></span>
    </div>
     
    </body>

    jueves, 7 de febrero de 2013 12:55

Todas las respuestas

  • Hola creo que estás haciendo tu consulta en el foro equivocado sería mejor hicieras tu consulta en algún foro de desarrollo claro dependiendo en que lenguaje estés desarrollando. Espero algún moderador pueda mover tu hilo.
    jueves, 7 de febrero de 2013 14:02