Map displays really wrong -- CSS/theme issue? [#2846773]

Hi! I'm trying to set up leaflet in Drupal 8, and I'm having a weird issue. When it displays a map, it is displaying several tiles, but with tons of space between them. I've attached a screen shot. Any suggestions for how to fix this?

Also, there is a bug where the icons for the pin are being referred to relative to the current page, which means that they are 404s and not being displayed.

Comment	File	Size	Author
	map_broken_issue.png	1.59 MB	pukku

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

25 January 2017 at 17:42

pukku created an issue. See original summary.

Comment #2

MaskOta CreditAttribution: MaskOta commented 26 January 2017 at 12:03

I am taking a stab in the dark here but since i am using the module and i don't have this issues this looks like you might be overriding some map styles with your CSS.

Comment #3

szy CreditAttribution: szy commented 2 February 2017 at 19:17

I am seeing exactly the same thing with the latest 7.x modules. It is completely fresh installation with Bootstrap theme.

It is no difference if I display the Leaflet map through Views or content type's fields - it is always broken in the way @pukku has shown.

Weird.

Szy.

Comment #4

pukku CreditAttribution: pukku commented 2 February 2017 at 20:22

For reasons of time, I had to switch over to the geolocation module for this purpose. However, when I was looking at the problem, I thought that I might be interfering with the CSS. I took the map tiles, and very carefully inspected the CSS tree, but I didn't find any rules from custom CSS that seemed to be the problem. My theme is a sub theme of Classy, so maybe there's something in Classy which doesn't work well?