Mapas

1. Agregar mapas:
   • Arrastra y suelta el elemento "Mapas" desde la barra de herramientas principal;
   • Elige una composición de Google Google Maps;
   • Escribe "Dirección" y "Clave API" en la barra de herramientas derecha.
2. Personalizar mapas:
   • Nivel de zoom:

     Configura el nivel de zoom en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

   • Tema y tipo de mapa:

     Elige el tema del mapa y el tipo de mapa en la barra de herramientas derecha.

   • Opciones:

     Selecciona las opciones que deseas mostrar o permitir en la barra de herramientas derecha.

Video

1. Agregar mapas:
   • Arrastra y suelta el elemento "Mapas" desde la barra de herramientas principal;
   • Elige una composición de OpenStreetMaps Google Maps;
   • Escribe "Coordenadas" en la barra de herramientas derecha.
2. Personalizar mapas:
   • Nivel de zoom:

     Configura el nivel de zoom en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

   • Tipo de mapa:

     Elige el tipo de mapa en la barra de herramientas derecha.

1. Navigate to My Licenses page;
2. Click "Manage" button and select "Plugin API keys" on left menu;
3. Write Naver maps API Key in "Naver maps" and click "Apply".

1. Agregar mapas:
   • Arrastra y suelta el elemento "Mapas" desde la barra de herramientas principal;
   • Elige una composición de Yandex Google Maps;
   • Escribe "Coordenadas o dirección" y "Clave API " en la barra de herramientas derecha.
2. Personalizar mapas:
   • Nivel de zoom:

     Configura el nivel de zoom en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

   • Tipo de mapa:

     Elige el tipo de mapa en la barra de herramientas derecha.

1. Agregar mapas:
   • Arrastra y suelta el elemento "Mapas" desde la barra de herramientas principal;
   • Elige una composición de Bing Google Maps;
   • Escribe "Coordenadas o dirección" y "Clave API " en la barra de herramientas derecha.
2. Personalizar mapas:
   • Nivel de zoom:

     Configura el nivel de zoom en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

   • Tipo de mapa:

     Elige el tipo de mapa en la barra de herramientas derecha.

1. Navigate to My Licenses page;
2. Click "Manage" button and select "Plugin API keys" on left menu;
3. Write Daum maps API Key in "Daum maps" and click "Apply".

1. Agregar mapas:
   • Arrastra y suelta el elemento "Mapas" desde la barra de herramientas principal;
   • Elige una composición de Baidu Google Maps;
   • Escribe "Coordenadas o dirección" y "Clave API " en la barra de herramientas derecha.
2. Personalizar mapas:
   • Nivel de zoom:

     Configura el nivel de zoom en la barra de herramientas derecha.

   • Tamaño:

     Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

   • Tema y tipo de mapa:

     Elige el tema y el tipo de mapa en la barra de herramientas derecha.

   • Opciones:

     Selecciona las opciones que deseas mostrar o permitir en la barra de herramientas derecha.

Por favor, verifica si has insertado la clave API de Google Maps en las propiedades del mapa:

1. Selecciona el mapa haciendo clic en él;
2. En la barra de herramientas derecha, elige "Google Maps";
3. Edita la "Clave API".

The problem of Google Maps plugin not working in website builder is usually caused by a missing API key in the brand on licenses page. To insert your API key, please take the following steps:

• Create your API key in Google console here
• Enable the following APIs for your key:
  • Maps Elevation API;
  • Maps JavaScript API;
  • Places API;
  • Geocoding API.
• Add the value of your API key into Site.pro configuration:
  • Navigate to My Licenses page;
  • expand your brand;
  • click on Plugin API keys link;
  • add your API key into field API Key of block Google Maps;
  • click Apply button in Plugin API keys dialog and Apply button in Brand dialog.

Make sure that your Google Maps API key in website builder installation is authorized and not restricted to be used for your website builder domain. You may also try to use another API key to check if this solves the problem.

Por favor, verifica si has insertado la clave API de Bing Maps en las propiedades del mapa:

1. Selecciona el mapa haciendo clic en él;
2. En la barra de herramientas derecha, elige "Bing maps";
3. Edita la "Clave API".

Si tienes más de un mapa en tu página, debes insertar la clave API en todos los mapas.
Crea tu clave API aqui.

For On-Premises brand only:

To insert Bing Maps to the website builder, you have to do the following steps:

• Insert "bingMapsApiKey" line anywhere in config.json (except inside "db" property). Ex. "bingMapsApiKey": "Your API key here";
• Get bingMapsApiKey from here;
• You should add your domains to the list of allowed domains to use this API key. You can do it by pressing "Restrict key" in "API key created" pop-up.

Notice: each of your clients has to add API keys for published websites to website builder by themselves (they can find this field in website builder in Bing Maps properties).

Si ves este mensaje en tu sitio web publicado, significa que la clave API que estás utilizando no cumple con algunos requisitos en tu cuenta de Google Console.

Para ver los detalles del problema:

• Abre la consola de desarrollador en el navegador en la página de tu sitio web que contiene el mapa de Google (normalmente con la tecla F12);
• Cambia a la pestaña "Consola";
• Busca un mensaje de error en rojo de Google con los detalles del problema. Sigue las recomendaciones especificadas en el mensaje para solucionar el problema.