Map not showing citynames or weather symbols

More
10 years 8 months ago #3182 by jfch
Hey

Thank you for this great component.

vejrtjek.dk/kroatien/vejret-i-kroatien

When I go to this URL in an Internet Explorer 10 browser, everything is perfect - showing citynames, weather symbols and all...

If I go to the same page in Google Chrome browser, citynames and weathersymbols are missing. The browser shows it for a second or two while page is loading, but then it all disappears.

What to do?

Best regards
Joergen

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #3184 by Dima
Hi Joergen

I can see the distortions for zoom control.

Try firstly to fix img { max-width: 100%} problem

wiki.zhuk.cc/index.php?title=Zh_GoogleMa...ontrol_has_bad_shape

May be it causes this. When fix - chear browser cache and try again to see the map

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #3188 by jfch
Hey Dima

Thank you for very quick answer :-)

I can't find:

img {
border: none;
max-width: 100%;
height: auto;
}

Not in the ZH components own common.css or in my site template.css.

So I added this to sites template.css, but with no change. I remembered to cleare the browser cache:

img {
border: none;
height: auto;
}

I've also tried to add the tag to the ZH common.css - no change...


Best regards
Joergen

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #3189 by Dima
Sorry, I can't access to your site page with map.
Can you give me again link to your page. I'l' check and say you where your styles

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #3191 by jfch
Sorry - site were temporarely down.

Now it's up again:

vejrtjek.dk/kroatien/vejret-i-kroatien

Best
Joergen

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #3192 by Dima
Hi Joergen

Look at page source
  <link rel="stylesheet" href="http://vejrtjek.dk/templates/travel/includes/base/css/bootstrap.css?1371937358" type="text/css" />
  <link rel="stylesheet" href="http://vejrtjek.dk/templates/travel/includes/base/css/base-fluid.css?1371937358" type="text/css" />
  <link rel="stylesheet" href="http://vejrtjek.dk/templates/travel/css/template.css?1371937281" type="text/css" />


And in firebug



As you can see there are 2 place where exists max-width for image tag

The first - loaded by bootstrap, the second - base-fluid.css

And after that there is a template.css loaded.
It is template css styles loaded, I suggest you enter overriding style into template.css for map div.

And you publish your map by plugin, in this case the div section ID is not not simple GMapsID, because you can publish a few maps in one page.
I noteced this in my docs, I create composite ID value, and in this case you have to check page code to get it value.

As for your this article it is
<div id="GMapsID_com_content_article_181_0_25_map"

Ie you enter
#GMapsID_com_content_article_181_0_25_map

Don't forget support my developments: post review in JED , donate , help with translation ;)
Attachments:

Please Log in or Create an account to join the conversation.

Time to create page: 0.074 seconds

Donate


Go to top