¿Cuál es la mejor manera de integrar Google Maps, API o iFrame?

En febrero de 2005, cuando se puso en marcha el proyecto Google Maps, los creadores de este servicio de mapas online pro­ba­ble­me­n­te no se ima­gi­na­ban que ca­m­bia­rían el día a día de millones de personas alrededor del mundo. Desde hace más de una década, este servicio web ofrece a los usuarios imágenes de satélite de lugares en todo el mundo que, con el auge del uso de los di­s­po­si­ti­vos móviles, se han co­n­ve­r­ti­do en un in­s­tru­me­n­to in­di­s­pe­n­sa­ble. Google Maps permite a sus usuarios revisar a qué distancia de la playa se ubica el hotel donde pasarán sus próximas va­ca­cio­nes o qué re­s­tau­ra­n­tes son los mejores de la zona. Además, resulta es­pe­cia­l­me­n­te útil en si­tua­cio­nes de eme­r­ge­n­cia o cuando necesitas encontrar la ruta hacia algún lugar, ya sea a pie, en bicicleta o en coche. En algunos países indica, incluso, los horarios de los medios de tra­n­s­po­r­te públicos.

Quien tenga un proyecto online puede be­ne­fi­ciar­se en gran medida de esta he­rra­mie­n­ta, pues in­se­r­ta­n­do un recorte de Google Maps en su página web se puede indicar fá­ci­l­me­n­te la ubicación de su negocio, hotel, empresa o clínica, así como la mejor manera de en­co­n­trar­lo. Ahora bien, ¿cómo se puede integrar un mapa en una web y cuáles son las co­n­di­cio­nes para su uso comercial?

El siguiente menú de na­ve­ga­ción contiene valores con los que se pueden mostrar, por ejemplo, rutas en bicicleta o de tra­n­s­po­r­te público, así como su­ge­re­n­cias y trucos para usar Google Maps en tu ordenador. El elemento “Tus sitios” en el menú inicia el editor de mapas, pe­r­mi­tié­n­do­le a cada usuario crear y acceder a sus mapas pe­r­so­na­li­za­dos o guardados pre­via­me­n­te.

El paso a seguir será copiar el fragmento de código en el código fuente de tu página web. Debido a que el código HTML es un elemento iFrame, el contenido del mapa se cargará de forma paralela desde el servidor de Google, sin in­vo­lu­crar en ningún momento al servidor web. Esta te­c­no­lo­gía de inline frame es soportada por casi todos los na­ve­ga­do­res modernos y se utiliza, por ejemplo, para insertar elementos de redes sociales.

La in­te­gra­ción de Google Maps vía iFrame solo está permitida para el uso privado. En caso de que desees usar el servicio de mapas con fines co­me­r­cia­les, tendrás que hacerlo di­re­c­ta­me­n­te con Google Maps API.

Insertar un mapa con Google Maps API (Ap­pli­ca­tion Pro­gra­m­mi­ng Interface) resulta un poco más complejo que con iFrame, pero deja completa libertad a los de­sa­rro­lla­do­res web a la hora de insertar los mapas en una web. Por ejemplo, en el caso del sistema de me­n­sa­je­ría in­s­ta­n­tá­nea Whatsapp, el uso de un API permite a los usuarios compartir su ubicación exacta con sus contactos. El servicio web Plane Finder facilita el se­gui­mie­n­to del tráfico aéreo mundial en tiempo real, va­lié­n­do­se también de las API de Google Maps.

Para obtener una visión general de las di­fe­re­n­tes API, así como para conocer qué in­te­r­fa­ces de pro­gra­ma­ción se ajustan mejor a tu proyecto web, puedes echar un vistazo a la página web de los de­sa­rro­lla­do­res web de Google.

2. Para continuar el proceso deberás hacer clic en “Siguiente” y aceptar las co­n­di­cio­nes del servicio. A co­n­ti­nua­ción, crea un nuevo proyecto así como la clave co­rre­s­po­n­die­n­te.
3. Después de crear la clave de API podrás uti­li­zar­la au­to­má­ti­ca­me­n­te en tu proyecto web. Visita esta guía para conocer los elementos que debes integrar en tu documento HTML y saber en qué momento pro­po­r­cio­nar tu clave.

El uso de las API de Google no tiene un precio definido. Depende del tipo de página o apli­ca­ción web que se ad­mi­ni­s­tre el que se generen costes o no. Aquellos proyectos que puedan ser uti­li­za­dos de forma gratuita solo deberán pagar por un API cuando, por ejemplo, superen un número de­te­r­mi­na­do de visitas al día o al mes. En caso de que tu proyecto web sea utilizado para realizar el se­gui­mie­n­to de la ubicación de personas u objetos, se­gu­ra­me­n­te tendrás que contar con un pre­su­pue­s­to para poder uti­li­zar­los. Para tener una visión general sobre los di­fe­re­n­tes modelos de uso y sus precios, visita esta página. Allí también en­co­n­tra­rás la in­fo­r­ma­ción de contacto del equipo de ventas en caso de que no puedas decidirte por el mejor modelo para tu proyecto.

Las ventajas que ofrece el servicio de Google Maps para una página web son in­di­s­cu­ti­bles: es la forma más simple de darle un valor añadido a sus vi­si­ta­n­tes sin necesidad de so­bre­ca­r­gar la capacidad del servidor web. Sin embargo, cabe recordar que en 2012 Google decidió co­n­ve­r­ti­r­lo en un servicio de pago para aquellos proyectos web con un tráfico muy alto. Para este tipo de proyectos la in­te­gra­ción de Google Maps se hace obli­ga­to­ria­me­n­te a través de API, así como para apli­ca­cio­nes y webs con fines co­me­r­cia­les. Por lo tanto, si deseas utilizar Google Maps en tu página web para algo más que mostrar una ubicación, deberás estar fa­mi­lia­ri­za­do con Ja­va­S­cri­pt y HTML. Si, por el contrario, quieres integrar un mapa en tu web para fines pe­r­so­na­les y sin ninguna ambición económica, puedes hacerlo fá­ci­l­me­n­te a través de iFrame.