Google map gadget
Using the Google map gadget, you can insert an interactive Google map pinpointing a specific location. For example, you could indicate the location of your organization on your Contact Us page.
Because of a change to Google's map API, Wild Apricot's Google map gadget does not currently work with custom domains – ones that do not use wildapricot.org or other Wild Apricot domains. To get around this problem, you can directly embed your Google map by copying and pasting embed code obtained from Google. For direction on obtaining the code, click here. For directions on pasting the embed code, click here.
You can insert the gadget into a page onto your site, or into a page template so that all pages that use that template will automatically display the gadget. For instructions on inserting, moving, and deleting gadgets, see Gadgets.
There is a limit of 11 Google map gadgets per page. If you add more than that, the additional maps will not appear.
Other map options
Wild Apricot's Google map gadget does not display the address beside the marker, and cannot be clicked to display a larger map on the Google map site. If you need this functionality, you can embed a Google map directly without using the Wild Apricot gadget. Keep in mind, though, that embedded Google maps only work when accessing a site using https rather than http.
To embed an interactive map that can show where your members are located, and optionally, to provide contact information, you can embed a map from Zeemaps. For more information, see Adding interactive ZeeMaps.
Another mapping option – Apricot Maps – is being offered by a Wild Apricot service partner. Apricot Maps show members on an interactive map and provides the ability to search by zip code or distance.
Google map gadget settings
Using the gadget's settings, you can control its appearance and behavior. Depending on the settings you choose, visitors to your site can zoom in or out, switch to street view, and choose between map and satellite views.
For instructions on displaying gadget settings, see Gadgets.
The following settings are available for Google map gadgets:
The address to be used as the initial focal point of the map.
Display gadget content as
Choose to whether to display the map as a dynamic map or a static image. A dynamic map includes controls for zooming, switching to street view, and choosing between map and satellite views. A static image is simply the map displayed as a picture.
The width of the map, in pixels. You can only set the width if you have chosen to display a static image. If you choose to display a dynamic map, the map (and gadget) will occupy the full width of the layout cell in which it appears.
The height of the map (and gadget), in pixels.
The default zoom level. You can set the level anywhere from 1 (continent level) to 18 (building level). If you have chosen to display the map as a dynamic map, visitors can use the zoom controls to change the zoom level.
If you specify a gadget title, the title will appear specially formatted within the gadget. Depending on the gadget style you choose, the title may appear in a heading box. If you want to add a description under the title, do not enter a gadget title, but instead, create a content gadget with a title and description, and place the content gadget ahead of this gadget.
For Kaleidoscope themes, use a Headline gadget instead of specifying a gadget title.
The gadget style determines the physical appearance of the gadget. The style you choose will determine the color and format of the gadget title, the gadget content, and the gadget border. You can choose from theme-specific styles and styles that are common to all themes.
The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.
(Kaleidoscope themes only) The amount of space – in pixels – that appears between the content of the gadget and the outer limits of the gadget. You can set top, bottom, left, and right padding separately. If you have set a fixed height for the gadget, the bottom padding will be ignored.
Within the Advanced section, you can enter CSS code or classes to further control the appearance and behavior of the gadget. For more information, see Advanced gadget settings.