Map not showing citynames or weather symbols

Rollback your css changes for img tag

Check if its OK.

Add img max-width tag only for definite div. I mean not the whole
img {...}
I mean
#div_value img {...}

I mean it is not mine problem.
Set for page default joomla template, not this your current. And you'll see the different view of map and your other images

Hey Dima

Thank you.

Can you tell me which css and which div-tag I should look for. I'm a bit confused I think.



Best
Joergen

As I wrote above.

You show map by my extension. The map tiles - it is images. And map controls - it is images too.
When you use template, which is define styles for image tags (img), the most common problem for Google Maps - it is max-width=100%
When template apply this style for image, the map has distortions - the zoom control, panoramio, infowin shape ...

And the cure - it is override in template this style, and the most correct way - override only for div section, where map is

As concern my extension
- for component call - I create div section with id = GMapsID
- for module - the same, ie GMapsID
- for plugin - I create complex id, which contain article ID, and the other IDs, by which I can create unique ID for map div section. It is because you can have more than one article on page, ie more than one map on page

Today some templates, and for J!3 - most (because it have bootstrap) contain img tag with max-width:100%

And therefore you've got distortions on weather map.

I suggested you to override this tag only for map div section, ie
#map_div_section_id img{...}

where map_div_section_id - it is real div id in page source

And as I undertand, you just apply
img {...}

That cause applying this style for all images on page, not only for map images.


You can play with templates, by apply it and check the difference.
And you will see - with different template you can see correct or not maps.

And if you want to use your template, but have style problems, you can fix it in, for example, in template.css file by adding your styles overriding at the end of this file

Hey Dima

Thank you very much for your detailed explanation. I am sorry to ask so many questions, but I can't really get it to work.

I have tried to chance tags in system.css, general.css, template.css - with no luck. My problem is, that when you write:

I suggested you to override this tag only for map div section, ie
#map_div_section_id img{...}

where map_div_section_id - it is real div id in page source

- then I don't know what real tag to look for in the css files.

I have to learn more about css.

I give up.
But thank you for all your time spent on this!

Best
Joergen

It's strange but its up to you.

The real div ID you can easy find in your page source.
You go to you page, then in browser get page source and easy find word GmapsID

Look at my example

I open page in firefox, than press Ctrl+U
It means Menu->Tools->Web Developer->Page Source



Now do you understand how to find map div ID?