La forma más sencilla de añadir un fichero de configuración de springframework a nuestro proyecto usando springsource tool suite es usando el diálogo que aparece cuando hacemos click en el menú "File - New - Other..." y a continuación filtramos por "spring".
Seleccionamos la opción "Spring Bean Configuration File" y seguimos las instrucciones.
Podremos añadir beans y contextos de spring de una forma muy fácil.
Si nos posicionamos en la carpeta raíz de nuestro proyecto y hacemos click con el botón derecho aparecerá el dialogo contextual de eclipse.
Desde aquí podemos seleccionar "Team - Share project..." y en el diálogo seleccionamos Mercurial.
Después seleccionamos "Team - Commit..." y seleccionamos los ficheros que queremos subir al repositorio. Debemos también poner un mensaje al commit.
Por último seleccionamos "Team - Commit...", rellenamos la URL, usuario y password de nuestro repositorio de bitbucket y le damos al botón de finalizar.
Los nuevos cambios en los ficheros apareceran en nuestro repositorio y los podremos compartir con el resto de nuestro equipo.
Si el plugin que queremos instalar no está disponible como una extensión de SpringSource Tool Suite entonces lo más cómodo es usar el eclipse marketplace client para instalarlo.
Eclipse marketplace client es un módulo de eclipse que podemos instalar directamente en STS desde "Help - Install New Software...".
Seleccionamos "Indigo" en "Work with..." y después podemos encontrar el marketplace client en el apartado "General Purpose Tools".
Añadir una dependencia en nuestro proyecto usando Maven es muy sencillo si conocemos los parámetros de la dependencia que queremos añadir:
Group Id
Artifact Id
Version
Si no conocemos estos parámetros, que es lo normal, habitualmente los encontraremos en la sección de descargas de la librería que queremos añadir, o bien, en algún servicio de búsqueda en maven como puede MvnRepository.
Las APIs de Google Maps nos permite hacer geolocalización, es decir, nos permite traducir el texto de una dirección en sus correspondientes coordenadas (latitud y longitud), que podemos usar para, por ejemplo, centrar el mapa de nuestra página web.
es el botón que al ser apretado realizará esta "geocodificación" mediante la función javascript "geolocalizar()" en el evento "onclick".
El código javascript es algo como:
var nioos = {};
function initApp() { var divMapa = document.getElementById("mapa"); var madrid = new google.maps.LatLng(40.416691, -3.700345); var myOptions = { zoom: 18, mapTypeId: google.maps.MapTypeId.ROADMAP, center: madrid }; var map = new google.maps.Map(divMapa, myOptions); nioos.map = map; // var geocoder = new google.maps.Geocoder(); nioos.geocoder = geocoder; }
function geolocalizar() { var direccion = document.getElementById("direccion").value; nioos.geocoder.geocode( { 'address': direccion }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var location = results[0].geometry.location; nioos.map.setCenter(location); } else { alert('Dirección ' + direccion + ' desconocida'); } } ); }
El código
var nioos = {};
inicializa un objecto javascript que iremos usando en toda nuestra aplicación.
La función
initApp()
crea y "pinta" el mapa inicial centrado en las coordenadas de Madrid y crea también el "geolocalizador" de Google Map ("var geocoder = new google.maps.Geocoder();") guardando ambos en el objeto "nioos" para su posterior uso.
La función
geolocalizar()
recoge el texto escrito en el cuadro de búsqueda ("var direccion = document.getElementById("direccion").value;") y se usa el "geocoder" para transformar ese texto a una latitud y longitud (función "geocode()" con el parámetro "address") y centrar el mapa ("nioos.map.setCenter(location);") en esa nueva localización.
var divMapa = document.getElementById("mapa");
var madrid = new google.maps.LatLng(40.416691, -3.700345);
var myOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(divMapa, myOptions);
map.setCenter(madrid);
</script>
</body>
</html>
La línea <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
importa las API de Google Maps que nos permitiran pintar el mapa.
Sólo debemos ir al menú File - New - Project... : Maven - Maven Project
Al seleccionar el "archetype" podemos filtrar por "web", después elegiremos "maven-archetype-webapp" y rellenaremos los parámetros "Group Id" y "Artifact Id".
Para evitar posibles futuros problemas con la codificación de nuestros ficheros (html, css, js, java, etc) es conveniente cambiar la codificación por defecto para la creación de nuevos ficheros en Spring Tool Suite (también válido para eclipse en general).
En el menú Window - Preferences, filtramos por "encoding".
Debemos modificar la codificación a UTF-8 en:
General - Workspace : Text file encoding - Other : UTF-8
Cuando usamos eclipse o STS con Maven es posible que aparezca un warning al iniciar el entorno de desarrollo diciendo que algunos plugins de Maven no funcionarán correctamente ya que nuestro entorno de desarrollo se ejecuta sobre un JRE de Java en lugar de sobre un JDK.
Para evitar esto podemos modificar el fichero "eclipse.ini" (para eclipse) ó "STS.ini" para SpringSource Tool Suite y añadirle las siguiente dos líneas:
-vm C:\Archivos de programa\Java\jdk1.6.0_19\bin\javaw.exe
(el path de java dependera de la versión que tengais instalada en vuestro sistema)
De esta forma el entorno de desarrollo arrancará usando el JDK indicado, Maven podrá hacer uso de todos los plugins y no volvera a aparecer el warning.
