[Ray Atreides]

Hi there,

I have purchased and installed the CMap template and have it working almost.

I am having a problem with displaying the Google Map in the Desktop view. If I look at the Map on a mobile (phone or IPad) it displays correctly.

I have cleared the browser and site cache.

When I created the individual listings I used the GeoCode button and the maps show correctly inside the Connections edit screen.

The URL for my test page is [Test Page Here][1]

Do you have any ideas?

Thank you.

Regards,

Ray

[Steven Zahm]

@ Ray

The link to you directory did not work out. Can you please share it again with me so I can take a look?

[Ray Atreides]

Hi Steven,

Sorry for the delay.

Here is the link again…

Directory Listing Page

Regards,

Ray

[Rich Hathaway]

Hello Steven, I am having problems getting the map feature to work for the desktop. I am using the cMap theme. The map is working when viewed on mobile. I have read through (some) of the forum on this topic. So I know that the google Api in “Advanced Settings” is checked. I have added the API’s which I would think is validated because mobile works. Anyway your help is appreciated. A link to my directory is provided http://omahafamily.com/directory/

Thanks, Rich

[Ray Atreides]

Hi Steven,

An update on this issue.

I can now display the Google Map on the following…

1. all mobile devices.
2. the single (full page) listing

The only problem left re display is on my desktop when I select the ‘Click for Map’ link.

The Map windows opens and show the map marker but does NOT show the full map details.

However if I move the map to the right with my mouse the full map comes into view and after playing with the ‘Zoom Out’ button I can get the map to display. This is obviously not something a visitor would do though so I do need to get this resolved.

I put the link to my URL in my last email and have added it again below.

Directory Listing Page

I would appreciate your advice on this matter.

Regards,

Ray Atreides

[Steven Zahm]

@ Ray

It’s the theme messing image map tiles. O line 98 in the _general.scss file it has these lines:

img.scale-with-grid, #sitecontainer img {
    max-width: 100% !important;
    height: auto !important;
}

The max-width is causing all images to be 100% width overriding the Google’s CSS for the map image tiles. I would consider this a bug in the theme and suggest your report it to the theme’s support team.

Try adding this to the theme’s custom CSS area

div.cn-gmap[id^="map-container-"] .gm-style img {
    max-width: none !important;
}

I already include a similar statement in Connections to try to fix themes that do this but the way the implemented there statement overrides that too. If this does not work you will unfortunately have to contact the theme support team to have them correct it.

Hope this helps, let me know.

[Ray Atreides]

Hi Steven,

Thank you for investigating this and I will contact the Theme people to get their response.

Two other things with the Map Display. Is it possible to display the information in the Map Marker (i.e. Business Name etc) rather than it being blank AND set a ‘data-zoom’ level for the Map display?

Thank you.

Ray Atreides

[Steven Zahm]

@ Ray

RE: Is it possible to display the information in the Map Marker (i.e. Business Name etc)

Sorry, no, it is not possible. The map is only ever displayed with the entry which already contains its contact info.

RE: set a ‘data-zoom’ level for the Map display

You can add map_zoom=13 to the [connections] shortcode. Change the 13 to the desired zoom level. Valid options are 1—20.

Hope that helps!

ps. I see the map image tile issue has been resolved.

[Ray Atreides]

Hi Steven,

Thank you for your helpful support with these little issues I have had.

All seems to be now working well for my needs.

Thank you.

Regards,

Ray

[Author]

Posts