programa-con-google: ¿Te gusta crear tuspropios mapas? Deja que tus usuarios también lo hagan en tu sitio web con el API de Google Maps

¿Te gusta crear tuspropios mapas? Deja que tus usuarios también lo hagan en tu sitio web con el API de Google Maps

Friday, June 20, 2008

Keith Golden

Cuando lanzamos las herramientas de edición de mapas en Google Maps, el comentario con el que reaccionaron los desarrolladores fue: "Es una idea genial, pero ¿cómo puedo utilizarlas en mi propio sitio web?" Dado que en un principio, el API para Google Maps y su extraordinaria comunidad de desarrolladores fue, en parte, lo que hizo que me uniera a Google, decidí comprometerme a conseguir que los desarrolladores pudiesen utilizar las herramientas de Mis mapas en sus propios sitios web. Por fin, desde hace unas semanas, el API de Google Maps ya cuenta con la posibilidad de utilizar nuestra interfaz de usuario para la edición de polilíneas y polígonos.
Pongamos que tienes un GPoligon y quieres que los usuarios puedan editarlo. Solo tienes que usar el comando GPolygon.enableEditing() y el polígono incluirá vértices de control de edición que el usuario podrá arrastrar cuando desplace el cursor sobre él. Si no quieres que se edite, utiliza el comando GPolygon.disableEditing().
También hemos creado más eventos de GPolygon y GPolyline para que puedas imitar con facilidad el comportamiento de Mis mapas (en mashups o Mapplets) mediante el uso de los comandos enableEditing en "mouseover" y disableEditing en "mouseout". Cada vez que el usuario realice una edición, recibirás un evento "lineupdated". Y si quieres que los usuarios puedan dibujar una GPolyline completamente nueva, sólo tienes que utilizar el comando enableDrawing que se muestra a continuación:
var polyline = new GPolyline([]);
map.addOverlay(polyline);
polyline.enableDrawing();

Cada clic que se haga sobre el mapa añadirá otro vértice a la polilínea hasta que el usuario haga un doble clic o vuelva a hacer clic en el último vértice. También puedes usar el comando enableDrawing para permitir que los usuarios añadan vértices a cualquiera de los extremos de una polilínea ya existente. Y como a todos nos gustan los colorines, te proporcionamos métodos que te permiten cambiar el estilo de una polilínea o de un polígono: setStrokeStyle and setFillStyle. Diviértete y comparte tu opinión con nosotros en nuestra dirección de correo programacongoogle@google.com o en los comentarios del blog. Y para terminar, puedes echar un vistazo a este sencillo ejemplo. Seguro que se os ocurren un montón de aplicaciones.