API Google Maps entrega #1
En estos ultimos dias me pidieron una página para una empresa de mi ciudad y en las cosas que querian era una sección donde saliera un mapa de como llegar al negocio asi que dije... bueno porque no usamos Google Maps (para depender mas de google :S hehe) Asi que me puse a investigar sobre como implementarlos en alguna web y es por eso que hoy empiezo una serie de posts para que pongan Google Maps en su web y puedan hacer varias cosas.
Antes de correr debemos gatear, es por eso que en este primer post aun no vamos a poner ni un mapa 
Pero... ¿PORQUE!!!?
Ahh porque lo primero es lo primero, y en este caso saber que coordenadas queremos ubicar en el mapa, ni modo de empezar a poner los mapas y ahi mismo explicar como poner las coordendas, se haria un post muy grande y ademas es mejor separarlos, solo para llevar un poco mas de orden.
Bueno... quiero aclarar que tal vez haya formas mas faciles de hacer esto, pero voy a explicar las dos formas que he utilizado para sacar las coordenadas, una es por medio de Google Maps y la otra es con Google Earth.
Utilizando Google Maps
Weno para este ejemplo vamos a sacar las coordenas para la Glorieta Minerva (una glorieta que esta en mi ciudad), asi que nos vamos a Google Maps (http://maps.google.com) y en el buscador pongo: glorieta minerva guadalajara, mexico
Claro que no es obligatorio que busquen la minerva, ustedes pueden buscar cualquier punto que quieran. Aqui empieza lo bueno.
Si utilizaron el buscador para ubicar su punto van a ver unos globitos azules que son las marcas de la busqueda, en este caso salieron muchisimos y no nos van a dejar ubicar bien el punto que queramos (el centro de la glorieta) asi que hay que quitarlos.
Click derecho en cualquier globito azul para que salga un menu contextual y seleccionamos Clear Search Results
Muy bien, ya no tenemos los estorbosos globos, ahora ya con el mapa limpio ajustamos el Zoom que queramos que aparezca en nuestra web y ahora si vamos a sacar las coordenadas.
Le vamos a dar otra vez click derecho donde queramos conocer sus coordenadas (en mi caso en el centro de la minerva) y voy a seleccionar Center Map Here
Ya centramos la imagen, el siguiente paso es darle click a Link to this Page y van a notar un parpadeo de la página.
Pero lo importante es que ha cambiado el URL y ahi ya viene con la información que queremos, copiamos el URL y vamos a sacar lo que necesitemos, para mi caso salio así:
http://maps.goo...003648&z=18
y listo
de ahi podemos sacar nuestras coordenadas y el zoom, esos valores son los que vamos a necesitar para establecer coordenadas en los mapas.
Utilizando Google Earth
Claro que cuando estaba buscando mi quinta coordenada ya estaba desesperado asi que pense... ps.. ¿que no se podra con Google Earth? ¿será más fácil?
bueno... asi que ustedes digan que facil es pues... tampoco no tanto pero de cualquier forma les pongo como saque yo las coordanadas con Google Earth.
Lo que necesitamos es ubicar nuestro punto (glorieta minerva) y poner un marcador en el punto exacto de la coordenada que queremos, así que:
PAso 1: Damos click en el boton de Añadir marca de posicion
Paso 2: Arrastramos la marca amarilla a la posicion que queramos.
Paso 3: Aqui es solamente para ponerle un nombre a la marca (es util porque aqui puedes poner todas las marcas que necesites y ya despues sacas las coordenadas)
Ahora si, a lo que venimos. Le damos click derecho en la marca y aqui seleccionamos Como llegar desde aqui y con unos cuantos parpadeos vas a notar que en la barra de la izquierda parpadea un cuadro de texto y ahi encontramos la informacion que queremos, en mi caso me salio "Glorieta Minerva" lat=20.6744381435, lon=-103.387354097.
Desventajas
Como ya lo han de estar pensando... si.. utilizando Google Earth no podemos conocer el Zoom
Weno, como les comente al principio del post, no se si haya alguna forma mas facil de sacar las coordenadas pero en los tres dias que llevo utilizando la API, estas han sido los metodos que he utilizado para obtener las coordenadas, si alguien mas conoce algun método más fácil que porfavor nos lo diga
Espero les haya gustado el post, y ahora si, ya estamos listos para empezar, en el proximo post de este tema aprenderemos a poner un mapa de google en nuestra web, poner controles en el mapa y marcas con cuadros de texto
Pero... ¿PORQUE!!!?
Ahh porque lo primero es lo primero, y en este caso saber que coordenadas queremos ubicar en el mapa, ni modo de empezar a poner los mapas y ahi mismo explicar como poner las coordendas, se haria un post muy grande y ademas es mejor separarlos, solo para llevar un poco mas de orden.
Bueno... quiero aclarar que tal vez haya formas mas faciles de hacer esto, pero voy a explicar las dos formas que he utilizado para sacar las coordenadas, una es por medio de Google Maps y la otra es con Google Earth.
Utilizando Google Maps
Weno para este ejemplo vamos a sacar las coordenas para la Glorieta Minerva (una glorieta que esta en mi ciudad), asi que nos vamos a Google Maps (http://maps.google.com) y en el buscador pongo: glorieta minerva guadalajara, mexico
No se si en alguna parte de México si exista la opción pero por lo menos en Guadalajara no podemos ver los mapas con los nombres de las calles
Claro que no es obligatorio que busquen la minerva, ustedes pueden buscar cualquier punto que quieran. Aqui empieza lo bueno.
Si utilizaron el buscador para ubicar su punto van a ver unos globitos azules que son las marcas de la busqueda, en este caso salieron muchisimos y no nos van a dejar ubicar bien el punto que queramos (el centro de la glorieta) asi que hay que quitarlos.
Click derecho en cualquier globito azul para que salga un menu contextual y seleccionamos Clear Search Results
Muy bien, ya no tenemos los estorbosos globos, ahora ya con el mapa limpio ajustamos el Zoom que queramos que aparezca en nuestra web y ahora si vamos a sacar las coordenadas.
Le vamos a dar otra vez click derecho donde queramos conocer sus coordenadas (en mi caso en el centro de la minerva) y voy a seleccionar Center Map Here
Ya centramos la imagen, el siguiente paso es darle click a Link to this Page y van a notar un parpadeo de la página.
Pero lo importante es que ha cambiado el URL y ahi ya viene con la información que queremos, copiamos el URL y vamos a sacar lo que necesitemos, para mi caso salio así:
http://maps.goo...003648&z=18
y listo
de ahi podemos sacar nuestras coordenadas y el zoom, esos valores son los que vamos a necesitar para establecer coordenadas en los mapas.Utilizando Google Earth
Claro que cuando estaba buscando mi quinta coordenada ya estaba desesperado asi que pense... ps.. ¿que no se podra con Google Earth? ¿será más fácil?
bueno... asi que ustedes digan que facil es pues... tampoco no tanto pero de cualquier forma les pongo como saque yo las coordanadas con Google Earth.
Lo que necesitamos es ubicar nuestro punto (glorieta minerva) y poner un marcador en el punto exacto de la coordenada que queremos, así que:
PAso 1: Damos click en el boton de Añadir marca de posicion
Paso 2: Arrastramos la marca amarilla a la posicion que queramos.
Paso 3: Aqui es solamente para ponerle un nombre a la marca (es util porque aqui puedes poner todas las marcas que necesites y ya despues sacas las coordenadas)
En este paso ya podemos ver las coordenas pero las vemos como angulo, minuto, segundo, etc.. si ustedes quieren convertirlas ps.. esta bien, sino sigamos con el tutorial hehehe.
Ahora si, a lo que venimos. Le damos click derecho en la marca y aqui seleccionamos Como llegar desde aqui y con unos cuantos parpadeos vas a notar que en la barra de la izquierda parpadea un cuadro de texto y ahi encontramos la informacion que queremos, en mi caso me salio "Glorieta Minerva" lat=20.6744381435, lon=-103.387354097.
Desventajas
Como ya lo han de estar pensando... si.. utilizando Google Earth no podemos conocer el Zoom
Weno, como les comente al principio del post, no se si haya alguna forma mas facil de sacar las coordenadas pero en los tres dias que llevo utilizando la API, estas han sido los metodos que he utilizado para obtener las coordenadas, si alguien mas conoce algun método más fácil que porfavor nos lo diga
Espero les haya gustado el post, y ahora si, ya estamos listos para empezar, en el proximo post de este tema aprenderemos a poner un mapa de google en nuestra web, poner controles en el mapa y marcas con cuadros de texto
Comentarios
Este post no tiene comentarios.