Está en la página 1de 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
Parmetro 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 algn 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, este
recibe otro objeto(el tipo de mapa que puede ponerse)
myptypeId: google.maps,maptypeid.ROADMAP
//mytipe es para q el buscador sepa q tipo de mapa creara. ROADMAP es un estilo
de mapa, existes 4 tipos
Zoom4;

OVERlays
Son todas las marcas que se pueden poner en el mapa
Se nesesta 2 cosas, la pociosion y el mapa a donde pertenecen
Es el objeto par manipulas mas marcas
Optionmarkets{
`

position new google.maps.LAting(30.2,12.34);


Map- mapa
Title:hola estas en la pocicio30.2,12.34 ;

Y luego se manda llamar almpaa


Var marca1 = new google.maps.market(optionsmark)//con esto aparecera la marca
con las propiedades de optionmark

//

Hacer un evento a cierto objeto


Gogle.maps.event.add.listener(mapa,click,funtion(event))

// (mapa) objeto al que le quiero hasignar un evento


//clic funciona de click en el mapa
//,funtion(event)) recive todos los parametros que hace el evento. En este caso la
latitud y longitus (LAtlni
)

Hacer dinamicasmicas
Var optionmarcks={
Position: event.Larlng; //aqu pone la posicin en el mapa donde se dio clic ,
ayudndonos con
Map:this; .. para que en el mapara q se revice de evento haga la marca
}
Var marka= new google.maps.marker(optionmarckss);
//con todo esto ya se peude hacer las marcas dinamicas cunado el usuario hace
click

///////

// para mostrar informacin 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, la
princila es la llamada content.

Estoo se asigan despus de que se alla creado la marca


Google,maps.event.addlistener(marca,clicl,function(event))
Var optioninfo={
Content::hola mundo;//aqui puede ponerse codigo HTML dentro del
content

}
Ya se tiene el objeto de configuracion ahora solo hay que crearlo
Var infowindow= new google.maps.infowindow(optionsinfo)// asta este punto
aun no se muestra

Ahora solo se necesita abrirlo


Open(mapadonde apareceda el objeto, marka)
Infowindow.open(this.getmap,this)
//this.getmap; para obetner el maca de la marca que se hace referencia
// el segundo parmetro this hace referencia asi misca porque es uneveento de la
marca)

//donde alacename todas las marcas que se hacen en el mapa


Mapa.mark=array[];
This.marka.push(marka);
//push agrega el elemneto en el vector

//
Mapa.agregarmarkca(
Aquiva todo el cdigo donde se creara la marca
)

Mapa.borrarmarcas//eliminara todas las marcas solo se ira dejando una marca


For(ndice in this.markas)// se recorre cada posicion que tiene el mapa
This.markas=arra();

This.marcas[incice].setmap(NuLL);// para quitarle el mapa donde se agrega a


cada marca paara que no se muestre en el vector

(#latitud

También podría gustarte