Karten

How to integrate "Google maps"? 

1. Adding Google maps:

   • Drag & drop "Maps" from main toolbar;

   • Choose Google maps composition;

   • Write "Address" and "API Key" in right toolbar.

2. Customising maps:

   • Zoom level:

     Set zoom level in right toolbar.

   • Size:

     Set map size or "Allow to adjust size automatically" in right toolbar.

   • Map theme and type:

     Choose map theme and map type in right toolbar.

   • Options:

     Choose options that you would like to show or allow in right toolbar.

How to integrate "Yandex maps" ? 

1. Adding Yandex maps:

   • Drag & drop "Maps" from main toolbar;

   • Choose Yandex maps composition;

   • Write "Coordinates or address" and "API Key" in right toolbar.

2. Customising maps:

   • Zoom level:

     Set zoom level in right toolbar.

   • Size:

     Set map size or "Allow to adjust size automatically" in right toolbar.

   • Map type:

     Choose map type in right toolbar.

How to integrate "Bing maps"? 

1. Adding Bing maps:

   • Drag & drop "Maps" from main toolbar;

   • Choose Bing maps composition;

   • Write "Coordinates or address" and the "API Key" in right toolbar.

2. Customising maps:

   • Zoom level:

     Set zoom level in right toolbar.

   • Size:

     Set map size or "Allow to adjust size automatically" in right toolbar.

   • Map type:

     Choose map type in right toolbar.

How to integrate "Baidu"? 

1. Adding Baidu maps:

   • Drag & drop "Maps" from main toolbar;

   • Choose Baidu maps composition;

   • Write "Coordinates or address" and the "API Key" in right toolbar.

2. Customising maps:

   • Zoom level:

     Set zoom level in right toolbar.

   • Size:

     Set map size or "Allow to adjust size automatically" in right toolbar.

   • Map type:

     Choose map type in right toolbar.

   • Options:

     Click to choose to show or animate marker in right toolbar.

Google map error

Please check have you inserted Google.com Maps API key to map's properties:

1. Select the map by clicking on it;

2. In the right toolbar's choose "Google maps";

3. Edit "API Key".

If you have more than one map on your page, you need to insert API key in all maps.
Create your API key  here.

Bing map error

Please check have you inserted Bing Maps API key to map's properties:

1. Select the map by clicking on it;

2. In the right toolbar's choose "Bing maps";

3. Edit "API Key".

If you have more than one map on your page, you need to insert API key in all maps.
Create your API key  here.

This page can't load Google Maps correctly

Website Builder: Maps

If you see this message on published website it means that your used API key lacks some requirements on Google console account.

In order to see details of the problem:

• Open Developer console in browser on your website page with Google map (usually key F12);

• Switch to tab "Console";

• Find a red error message from Google with problem details. Follow specified recommendations to fix the problem.