You are on page 1of 5



Script con el link de google maps
Incluir en el proyecto jquery..
Incluir mi script..
Vaciar el mapa en un div.. se tiene que poner ando y alto para que se pueda
ver,

DESCARGAR
Http:dl.dropboxusercontent.com/u/6786829/programacionweb/GMAPS.TXT

Nos tenemos que basar en alunas opciones : los siguientes:
Esta es la clase principal
Map(parametro1,parametro2)
Paramtero1,, donde se va a almacenar el mapara
Parámetro 1.. configurtaciones del mapa
Esto se hace asiendo referencia con javascript
New mapa=google.maps.Map(docuemnte.getelementbyid(‘NOMBRE DEL
DIV’),optionsmaps)
//es donde se alamacenara el mapa docuemnte.getelementbyid(‘NOMBRE DEL DIV’

TODO ESTO SON LAS PROPIEDADES DEL MAPA(CONFIGURACIONES DE PARAMETRO
2)
Todo lo subrayado son propiedades
Se necesita la propiedad LAtlng (objeto de latitud y longitud) esta propiedad
es obligatoria
# para hacer referencia a algún objeto de los mapas primero se utiliza la pabra
Ejemplo: new optionpams{ center=google.maps.LAting(30.2,12.34);}
//new es para crear un objeto para configurar para enviarlo al mapa
//la palabra google.maps es obligatoria para hacer referencia los mapas

#tambien se nesestia el maptypeId es para saber el tipo de mapa que quiero.2. Map.12.funtion(event)) . existes 4 tipos Zoom4.add. } Y luego se manda llamar almpaa Var marca1 = new google.’click’.market(optionsmark)//con esto aparecera la marca con las propiedades de optionmark // Hacer un evento a cierto objeto Gogle.34).event. este recibe otro objeto(el tipo de mapa que puede ponerse) myptypeId: google.ROADMAP //mytipe es para q el buscador sepa q tipo de mapa creara.listener(mapa.maps.maps.maps. OVERlays Son todas las marcas que se pueden poner en el mapa Se nesesta 2 cosas.2. ROADMAP es un estilo de mapa.maptypeid.34 “.maps.12. la pociosion y el mapa a donde pertenecen Es el objeto par manipulas mas marcas Optionmarkets{ ` position new google.mapa Title:”hola estas en la pocicio30.LAting(30.

.maps.addlistener(marca.maps.marker(optionmarckss). //aquí pone la posición en el mapa donde se dio clic . para que en el mapara q se revice de evento haga la marca } Var marka= new google. En este caso la latitud y longitus (LAtlni ) Hacer dinamicasmicas Var optionmarcks={ Position: event.’clicl’.//aqui puede ponerse codigo HTML dentro del content .event. Estoo se asigan después de que se alla creado la marca Google. //con todo esto ya se peude hacer las marcas dinamicas cunado el usuario hace click /////// // para mostrar información de la marka Objeto infowindow// este es una ventana q muestra descripciones que tiene la marca Este objeto solo necesita un objeto que se tenga todas las configuraciones.// (mapa) objeto al que le quiero hasignar un evento //clic funciona de click en el mapa //. la princila es la llamada content…. .funtion(event)) recive todos los parametros que hace el evento. ayudándonos con Map:this.Larlng.function(event)) Var optioninfo={ Content::”hola mundo”.

push(marka).open(this. //push agrega el elemneto en el vector // Mapa. para obetner el maca de la marca que se hace referencia // el segundo parámetro this hace referencia asi misca porque es uneveento de la marca) //donde alacename todas las marcas que se hacen en el mapa Mapa. marka) Infowindow.} Ya se tiene el objeto de configuracion ahora solo hay que crearlo Var infowindow= new google. .markas)// se recorre cada posicion que tiene el mapa This.maps.agregarmarkca( Aquiva todo el código donde se creara la marca ) Mapa.markas=arra().infowindow(optionsinfo)// asta este punto aun no se muestra Ahora solo se necesita abrirlo Open(mapadonde apareceda el objeto.getmap.this) //this.mark=array[].borrarmarcas//eliminara todas las marcas solo se ira dejando una marca For(índice in this. This.marka.getmap.

marcas[incice].This.// para quitarle el mapa donde se agrega a cada marca paara que no se muestre en el vector (#latitud .setmap(NuLL).