Jump to content


Photo
- - - - -

Google map under jQuery ui tabs

google map jquery

  • This topic is locked This topic is locked
4 replies to this topic

#1 officeabg

officeabg

Posted 11 September 2013 - 09:40

I think that php, joomla and zoo doesn't metter as I covered this bug with different variations.

 

 

Error :  http://demo.jbzoo.co.../panfilovcev-21

 

Location TAB

 

The map doesn't load properly and the controls seems to be distorted.

I managed to find out how to make controls apear. It is a bootstrap issue. After I removed this line   max-width: 100%; from 

img {      located in my bootstrap.css , controls had apeared.

 

With the map not loading correctly managed to find some simillar posts over the internet that are replicating simillar issues with maps beeing under the jQueryUI Tabs, but did not find out how to make it work with our setting.

 

Here are some findings :

 

There are many more you can find out there.

 

Please tell me how to make this work!


Edited by officeabg, 11 September 2013 - 09:46.

  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 11 September 2013 - 10:57

Hello,

Thank you very match for your bug report.

Open file
/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/flat/full.php

And found this block
20130911-vr0-14kb_200x0.jpg

Replace it to
<?php $this->app->jbassets->jQueryUi(); ?>
<script>
jQuery(function($) {
    $('#tabs').JBZooTabs({
        onTabShow: function (index) {
            var map = $('.googlemaps > div:first');
            if (map.length) {
                map.data('Googlemaps').refresh();
            }
        }
    });    
    
});
</script>
PS If you are using version 1.6.1, than update JBZoo App to 2.x
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 officeabg

officeabg
  • Topic Starter
  • JBZoo User
  • User rate: ~
  • posts: 6
  • topics: 3

Posted 11 September 2013 - 12:47

Thank You for your quick reply!

This didn't fix it! I saw on your website that this was fixed, but for me nothing happened!

Here is the link

 

http://kase.ro/imobiliare/item/unirii1

 

Attached is is my full.php for my real estate app. I created some extra positions in there.

 

Thank You

 

 

Joomla! 3.1.5

 

ZOO 3.0.13

 

JBZOO 2.01

 

PHP 5.3+

 

Template Yootheme Sphere

Attached Files

  • Attached File  full.php   6.92KB   173 downloads

Edited by officeabg, 11 September 2013 - 12:52.

  • 0

#4 officeabg

officeabg
  • Topic Starter
  • JBZoo User
  • User rate: ~
  • posts: 6
  • topics: 3

Posted 11 September 2013 - 15:01

If under the first tab is the map  is working !

Just a workaround! Not a fix!


  • 0

#5 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 11 September 2013 - 16:00

Your website is not available (http://kase.ro/imobiliare/item/unirii1)
And I can't see the problem.
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.






Also tagged with one or more of these keywords: google map, jquery

Click to return to top of page in style!