Bitacolitis Aguda punt Cat » JavaScript

Com crear límits (bounds) amb la API de Google Maps v3

benetj — Wed, 02 May 2012 19:50:03 +0000

A la feina necessitava posar a un mapa varis punts i seguidament fer un zoom i centrar la vista en el centre d’aquests punts.
Per això esto he utilitzat la següent funció javascript, que m’he creat. Es necessaria la crida a l’API de google maps versió 3.

Com podeu veure, és facileta, sols guardam en unes variables la latitut i longitut màximes, latitut i longitut mínimes, amb les que crearem els punts per l’objecte bounds, el qual es una parella d’objetos latln. Uno serà el punt SO, el de latitut longitut mínims i l’altre serà el punt NE, el de latitut longitut màxima.
El paràmetre list és un array de JSON on tenim les diferents dades del punt a afegir, tals com la latidut i longitut.
Una vegada creat el bound, simplement hem de pasar-lo al mapa. Ho podem fer de la següent forma:


var map, bounds;

map = new google.maps.Map(div, opts); /* div es l'objecte en el que es pintarà el mapa. opts son les diferents opcions del mapa */

bounds = createBounds(list);

map.fitBounds(bounds);

No és necesari fer un map.setCenter(), perque ja ho fa automàticament el fitBounds.

Després de l’Open Pizza Night de Google

benetj — Fri, 28 Mar 2008 10:51:01 +0000

Després d’un aterratge quasi forçós, vaig assistir a l’open pizza night ahir horabaixa mateix.

Va començar a les 18h a la sala de descans de les oficines de Google Espanya. Varem poder fer fotos, però només allà dins. Oblidau-vos de veure com eren les oficines.

El ponent de la jornada va ser en Raúl de Benito, Enginyer de Google de les oficines de Londres. Va fer la ponencia sobre la API de YouTube. Seguidament varem fer un taller de programació amb la API on interactuavem amb el video mitjançant Javascript i altres coses.

Mentre feiem el taller dugueren les pizzes , a part hi havia geleres amb beure i menjar el qual estava a disposició dels assistents. Ens tractaren beníssim!!.

Quan va finalitzar la jornada, donaren l’oportunitat de presentar projectes personals tals com jisko, tuenti (els dos en beta privada), dilandau (un cercador de mp3 bastant currat!!) i dos més però que no están online.

I res més, cap a l’hotel a mirar The IT Crowd i a dormir per agafar l’avió a les 8 del matí cap a palma.

Promet que posaré fotos, però encara no he arribat a casa, estic a un curs de .NET ¬¬_

Actualització 31/03/08 – 21:30h: He vist que a mobuzz.tv han posat el video, aquí el teniu –> http://dosisdiaria.mobuzz.tv/shows/pizza_birra_google

GoogleMaps a l’estil Lightbox

benetj — Sat, 15 Dec 2007 12:59:50 +0000

L’altre dia vaig veure per can anieto2kuna manera diferent de presentar el googleMaps.
Hi ha una modificació del lightbox per mostrar el mapa.
Podeu trobar més informació tant a la web de anieto2k com a la pròpia web del qui ha fet aquesta modificació.

Web | Google Maps LightBox
anieto2k | anieto2k | Google Maps al estilo Lightbox
LightBox | LightBox JS

[JavaScript] Limitar el màxim de caracters en un textarea (II)

benetj — Wed, 07 Mar 2007 19:16:08 +0000

En David Martin :: Suki_:: m’ha passat una manera més eficient de fer aquesta feina, que en molt de gust vos pas:
onKeyUp="this.value = this.value.slice(0, 50)"<br /> onBlur="this.value = this.value.slice(0, 50)"<br /> onMouseout="this.value = this.value.slice(0, 50)"<br /> name="textarea">;

[JavaScript] Limitar el màxim de caracters en un textarea

benetj — Tue, 02 Jan 2007 10:40:47 +0000

Per una web, necessitava limitar el nombre de caracters d’un textarea. Vaig trobar una funció javascript molt fàcil d’entendre i fàcil d’executar:

Simplement posam la següent línia a l’event onKeyDown del textarea:

if(this.value.length >= 50){ alert('Has superat el tamany màxim permés'); return false; }

En el textarea queda d’aquesta manera:

onkeydown="if(this.value.length >= 50){ alert('Has superat el tamany màxim permés'); return false; }"><br />

En aquest cas, es limita el màxim de caraters a 50. Si es vol canviar, només s’ha de canviar el valor.

Trobat a: WebTaller.com