Como extraer las coordenadas de un negocio en Google Maps

Puedes sacar las coordenadas (latitud y longitud) de un negocio local de Google Maps de forma sencilla siguiendo estos pasos:

1. Usando el buscador de Google Maps

1. Abre Google Maps.
2. Busca el negocio local que te interesa en el buscador.
3. Haz clic en el marcador del negocio o selecciona el nombre del negocio en la lista de resultados.
4. Una vez que el lugar esté centrado en el mapa, haz clic con el botón derecho del ratón sobre el marcador (o en el centro de la ubicación).
5. Selecciona la opción «¿Qué hay aquí?».
6. En la parte inferior de la pantalla o en el cuadro que aparece, verás las coordenadas (latitud y longitud).

2. Desde la URL del negocio

1. Busca el negocio en Google Maps.
2. Una vez que aparezca el negocio en el mapa, copia la URL de la barra de direcciones.
3. La URL contendrá las coordenadas en este formato: https://www.google.com/maps/place/.../@LAT,LNG,...
   • LAT: Latitud.
   • LNG: Longitud.

3. Usando Google Maps en móvil

1. Abre la aplicación de Google Maps.
2. Busca el negocio en la barra de búsqueda.
3. Una vez seleccionado el negocio, mantén presionado el marcador (si no lo hace automáticamente).
4. Las coordenadas aparecerán en la parte superior o inferior de la pantalla.

4. Para automatizarlo (opcional)

Si necesitas extraer coordenadas de múltiples negocios:

• Puedes usar la API de Google Places. Necesitarás una clave API de Google y hacer solicitudes HTTP para obtener información, incluida la latitud y longitud. Esto es ideal para proyectos técnicos o grandes volúmenes de datos.

¿Cómo se usa la API de Google?

Puedes implementar un formulario en tu sitio web de WordPress que permita al usuario introducir el nombre de un negocio y obtener las coordenadas. Para esto, necesitarás usar la API de Google Places para buscar el negocio y extraer las coordenadas. A continuación, te detallo los pasos para implementarlo:

1. Configurar la API de Google Places

1. Crear una cuenta en Google Cloud Console:
   • Ve a Google Cloud Console.
   • Crea un proyecto nuevo o usa uno existente.
2. Activar la API de Google Places:
   • Busca «Places API» en la consola y actívala para tu proyecto.
3. Obtener la clave API:
   • Ve a la sección de Credenciales en la consola y genera una nueva clave API.
   • Restringe la clave para que solo funcione desde tu dominio.

2. Crear el formulario en tu web

Puedes usar un shortcode o un plugin como Elementor Pro o un bloque de código HTML en tu editor de WordPress. Aquí tienes un ejemplo de formulario HTML:

htmlCopiarEditar<form id="business-form">
  <label for="business-name">Nombre del negocio:</label>
  <input type="text" id="business-name" name="business-name" placeholder="Escribe el nombre del negocio" required>
  <button type="button" id="search-coordinates">Buscar coordenadas</button>
</form>
<p id="coordinates-result"></p>

3. Añadir un script para usar la API de Google Places

En el mismo post o en tu tema de WordPress, añade un script que maneje la llamada a la API de Google Places. Por ejemplo:

htmlCopiarEditar<script>
  document.getElementById('search-coordinates').addEventListener('click', async function () {
    const businessName = document.getElementById('business-name').value;
    const apiKey = 'TU_CLAVE_API'; // Sustituye con tu clave API

    if (!businessName) {
      alert('Por favor, introduce el nombre del negocio.');
      return;
    }

    // Llamada a la API de Google Places
    const endpoint = `https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=${encodeURIComponent(businessName)}&inputtype=textquery&fields=geometry&key=${apiKey}`;

    try {
      const response = await fetch(endpoint);
      const data = await response.json();

      if (data.candidates && data.candidates.length > 0) {
        const coordinates = data.candidates[0].geometry.location;
        document.getElementById('coordinates-result').innerText = 
          `Latitud: ${coordinates.lat}, Longitud: ${coordinates.lng}`;
      } else {
        document.getElementById('coordinates-result').innerText = 
          'No se encontraron coordenadas para este negocio.';
      }
    } catch (error) {
      console.error('Error:', error);
      document.getElementById('coordinates-result').innerText = 
        'Hubo un error al obtener las coordenadas.';
    }
  });
</script>

4. Integrar en WordPress

Puedes integrar este formulario y script en WordPress de varias formas:

1. Usar un plugin de código personalizado:
   • Usa un plugin como Code Snippets para añadir el código JavaScript y HTML en tu tema.
2. Insertar directamente en el editor de WordPress:
   • Cambia al editor de código y pega el formulario junto con el script.

5. Probar la funcionalidad

• Entra en el post donde insertaste el formulario.
• Escribe el nombre de un negocio y presiona el botón de buscar.
• Asegúrate de que las coordenadas se muestren correctamente.

Nota importante

• Restricciones de API: Configura tu clave API para que funcione únicamente desde tu dominio, evitando usos no autorizados.
• Límites de uso: Google Places API tiene límites gratuitos, pero si tienes mucho tráfico, considera un plan de pago.

Sin usar la API, se podría hacer si el usuario copia y pega la url completa del negocio en un campo?

¡Sí! Es totalmente posible hacerlo sin la API si el usuario copia y pega la URL de Google Maps del negocio. En este caso, puedes extraer las coordenadas directamente de la URL, ya que Google Maps incluye la latitud y longitud en ella.

Aquí te dejo cómo podrías implementarlo:

1. Crear el formulario

Añade un formulario simple donde el usuario pegue la URL del negocio:

htmlCopiarEditar<form id="url-form">
  <label for="business-url">Pega la URL del negocio de Google Maps:</label>
  <input type="url" id="business-url" name="business-url" placeholder="https://www.google.com/maps/..." required>
  <button type="button" id="extract-coordinates">Obtener Coordenadas</button>
</form>
<p id="coordinates-result"></p>

2. Crear el script para extraer las coordenadas

Añade el siguiente script JavaScript que tomará la URL pegada, buscará las coordenadas y las mostrará:

htmlCopiarEditar<script>
  document.getElementById('extract-coordinates').addEventListener('click', function () {
    const url = document.getElementById('business-url').value;

    if (!url) {
      alert('Por favor, introduce la URL del negocio de Google Maps.');
      return;
    }

    // Validar si la URL contiene coordenadas
    const regex = /@(-?\d+\.\d+),(-?\d+\.\d+)/;
    const match = url.match(regex);

    if (match) {
      const latitude = match[1];
      const longitude = match[2];
      document.getElementById('coordinates-result').innerText = 
        `Latitud: ${latitude}, Longitud: ${longitude}`;
    } else {
      document.getElementById('coordinates-result').innerText = 
        'No se encontraron coordenadas en la URL proporcionada. Asegúrate de que sea una URL válida de Google Maps.';
    }
  });
</script>

3. Cómo funciona el script

1. Regex para extraer coordenadas:
   • La expresión regular /@(-?\d+\.\d+),(-?\d+\.\d+)/ busca la parte de la URL donde están las coordenadas, que suele estar después del símbolo @.
   • Ejemplo de URL:
     https://www.google.com/maps/place/NombreDelNegocio/@36.7213028,-4.4216366,17z/
2. Coincidencia de coordenadas:
   • Si la URL contiene las coordenadas, el script las extraerá y las mostrará al usuario.
   • Si no contiene coordenadas (por ejemplo, si es una URL corta de Google Maps), el script mostrará un mensaje de error.

4. Insertar en WordPress

Puedes integrar este formulario y script en tu sitio de WordPress:

• Usando un bloque HTML:
  • En el editor de WordPress, inserta un bloque de código HTML y pega el formulario y el script.
• En tu tema o plantilla:
  • Si usas un tema personalizado, pega el código en el archivo single.php o en una plantilla específica para posts.

Ventajas de este método

1. Sin necesidad de API: No necesitas configurar la API de Google ni preocuparte por límites de uso.
2. Fácil para los usuarios: Solo tienen que copiar y pegar la URL del negocio desde Google Maps.

5. Limitaciones

• El método solo funciona si la URL contiene las coordenadas, lo cual suele ser el caso con URLs completas, pero no siempre con URLs cortas o compartidas desde dispositivos móviles.
• El usuario debe pegar una URL válida de Google Maps. Si pegan otra cosa, el script no funcionará.

Pruébalo!