DMXzone Google Maps Support Product Page


Google Maps Icon distortion

Reported 09 Jun 2013 11:54:11
has this problem
09 Jun 2013 11:54:11 pAUL KASHBORNE posted:

I have a map installed on my page set to 670px by 468px
this is a constraint inside a div tag.

I'm also using auto complete to feed in the address from which the map then presents a street view, all good there.

My problem is that when the address is passed to google maps the marker distorts and shrinks in size and shape.

My expectation is for the marker to remain static in size and shape.

Is there a setting im missing here?


Replied 10 Jun 2013 11:42:07
10 Jun 2013 11:42:07 Miroslav Zografski replied:
Hello Paul,

Please, provide a link to the page in question in order to investigate the reported issue in greater details.

Replied 10 Jun 2013 12:12:47
10 Jun 2013 12:12:47 pAUL KASHBORNE replied:
Hi, here is the link.

You'll need to login to a test account

P/w: letmein

Thanks, Paul.
Replied 10 Jun 2013 12:48:28
10 Jun 2013 12:48:28 Miroslav Zografski replied:
Hello Paul,
Sorry, but I do not see your link.
Replied 10 Jun 2013 14:07:55
10 Jun 2013 14:07:55 pAUL KASHBORNE replied:
Replied 10 Jun 2013 15:38:01
10 Jun 2013 15:38:01 Teodor Kuduschiev replied:

In you css ( you have:

img {
    height: auto;
    max-width: 100%;

Please add:

.dmxGoogleMaps img {
max-width:none !important;

Replied 10 Jun 2013 16:00:13
10 Jun 2013 16:00:13 pAUL KASHBORNE replied:
Wow, you had to do some digging for that one!

That has resolved the marker icon distortion.

Replied 10 Jun 2013 16:12:37
10 Jun 2013 16:12:37 Teodor Kuduschiev replied:
Hello Paul,

Actually this is a common issue with responsive CSS frameworks and Google Maps

Reply to this topic