In the at.base.css is

/**
 * Flexible Images
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - Google maps break also, see below for fixes.
 */
img {
  max-width: 100%;
  height: auto;
}
/* Override max-width 100% for Gmaps and Getlocations modules */
.gmap img,
.view-gmap img,
#getlocations_map_canvas img {
  max-width: none;
}

It also breaks geofield_map module too, so please use another construction or add class "geofieldMap" to exclusions.

Comments

Jeff Burnz’s picture

Jeff Burnz commented
Category: bug » feature
Priority: Normal » Minor

Is it .geofieldMap {} or .geofieldMap img {} ?

Not a bug, its not really my problem if all these mapping solutions are so fragile they break with the most modest of CSS usage. Really it just exposes how badly designed and built they really are.

Jeff Burnz’s picture

Jeff Burnz commented
Version: 7.x-2.1 » 7.x-3.x-dev
Status: Active » Closed (works as designed)

Never answered, sorry I dont have time to install and figure out what selector to use. I will add the workarounds as people bring them to my attention and with a patch or proper information.

hvalentim’s picture

hvalentim commented
Title: Geofield_map module maps aren't displayed correctly » Leaflet module maps aren't displayed correctly
Version: 7.x-3.x-dev » 8.x-3.x-dev
Issue summary: View changes
Issue tags: +leaflet, +maps, +lines

For reference, the same is still happenning with Leaflet on Drupal 8, where LINESTRINGs do not show untill you add the following to custom.css:

svg.leaflet-zoom-animated {
	max-height: none;
}