StreetView

  • jflash
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 9 months ago #6201 by jflash
StreetView was created by jflash
Hello! For first, thank you for very powerful component!
But, i have little problem. I want to show streetview with map and i configured it. IE shows all OK, but in Firefox streetview does not show: pl.plantpost.eu/kontakt/13-harku-istikuari
I searched problem and for my mind it is in theme, but where i cant figured out. Maybe you can help me. If i view this page with another template (protostar): pl.plantpost.eu/kontakt/13-harku-istikuari?template=protostar Firefox shows streetview like it supposed. Is it some css or javascript problem?
I use joomla51 template J51_classic.

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

More
9 years 9 months ago #6212 by Dima
Replied by Dima on topic StreetView
Hi.

It is some css problems in your template.
Check some common problem: max-width is set for img or svg tag.
Look at my docs:
wiki.zhuk.cc/index.php?title=Zh_GoogleMa...ontrol_has_bad_shape

I suggest use method 3, because you call map in plugin, therefore the map div don't have fixed ID. In docs described img tag, but for StreetView you have to check tags: img, iframe, svg.

In my css I override
Code:
#GMapStreetView iframe, #GMapStreetView svg, #GMapStreetView img { max-width: none !important; }
but it works only for component call, where I know my map div

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: jflash

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

  • jflash
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 9 months ago - 9 years 9 months ago #6213 by jflash
Replied by jflash on topic StreetView
Работаеееееет! Спасибо!
For others, its working, when you use plugin in article to show map, search in html code what CSS id component using, in my case it was #GMapStreetView_com_content_article_13_0_1_map so my CSS owerwrit is:
#GMapStreetView_com_content_article_13_0_1_map iframe, #GMapStreetView_com_content_article_13_0_1_map svg, #GMapStreetView_com_content_article_13_0_1_map img {
max-width: none !important;
}
Last edit: 9 years 9 months ago by jflash. Reason: solved

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

More
9 years 9 months ago - 9 years 9 months ago #6214 by Dima
Replied by Dima on topic StreetView
Вы НЕ использовали совет, который я Вам сказал - укажите на карте СТИЛЬ CSS, т.е. в свойствах карты есть отдельное поле, а в шаблоне его определите. Метод 3.
Работает безотказно.
Если у Вас будет несколько карт, то вам придется находить (в коде), какой идентификатор я сгенерировал и указывать в шаблоне.
Я же вам говорю, просто укажите стиль на карте и переопределите его, так удобнее.

---

More flexible - to use CSS Class in map details. Define name, define class in template.
Check details in my docs (method 3), link a few posts above.

Don't forget support my developments: post review in JED , donate , help with translation ;)
Last edit: 9 years 9 months ago by Dima.
The following user(s) said Thank You: jflash

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

Time to create page: 0.173 seconds
Powered by Kunena Forum