Integrating Maps Into buzzr builder Print

  • 0

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 the right toolbar.
  2. Customizing maps:
    • Zoom level:
      Set zoom level in the right toolbar.
    • Size:
      Set map size or "Allow to adjust size automatically" in the right toolbar.
    • Map theme and type:
      Choose map theme and map type in the right toolbar.
    • Options:
      Choose options that you would like to show or allow in the 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 the right toolbar.
  2. Customizing maps:
    • Zoom level:
      Set zoom level in the right toolbar.
    • Size:
      Set map size or "Allow to adjust size automatically" in the right toolbar.
    • Map type:
      Choose the map type in the 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 "API Key" in the right toolbar.
  2. Customizing maps:
    • Zoom level:
      Set zoom level in the right toolbar.
    • Size:
      Set map size or "Allow to adjust size automatically" in the right toolbar.
    • Map type:
      Choose the map type in the 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 choose "Google maps";
  3. Edit "API Key".

If you have more than one map on your page, you need to insert an 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 an API key in all maps.

Create your API key here.

This page can't load Google Maps correctly

If you see this message on a 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 specific recommendations to fix the problem.

 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution