Trabajando con Google Maps

Standard

Ubicar puntos dentro de una figura irregular con Google Maps

Hola a todos, ¿qué tal? , ¿cuántas veces nos hemos topado con problemas que nos quitan horas e incluso hasta un día completo en resolver?, supongo que muchas y en algunas ocasiones es muy estresante, este fué mi caso cuando implementé Google Maps en una aplicación Web usando figuras irregulares para dibujar en el mapa y querer manipular nuestra figura para que haga cierta acción. Y es aquí donde mi aventura y reto a la vez con Google Maps empieza.

Primero si no tienes idea de como agregar la opción de dibujar en nuestro mapa (así como yo no la tenia) solo debes agregar un drawingManager el cual nos proporcionará esta herramienta, para esto agrega el siguiente código:

var drawingManager = new google.maps.drawing.DrawingManager({
   drawingMode: google.maps.drawing.OverlayType.MARKER,
   drawingControl: true,
   drawingControlOptions: {
     position: google.maps.ControlPosition.TOP_CENTER,
     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: {},
    circleOptions: {
    fillColor: '#ffff00',
    fillOpacity: 1,
    strokeWeight: 5,
    clickable: false,
    editable: true,
    zIndex: 1
    }
});
drawingManager.setMap(map);

/*donde map representa nuestro mapa en la aplicación.Esta código nos agrega   ra la opción de poder dibujar en nuestro mapa.*/ 

Continue reading