Jump to content


Photo
- - - - -
Open

Map Marker Not Showing Up (I.e. Map Marker Is Off-Screen)



Best Answer Simon_P , 08 March 2013 - 11:18 AM

The map shortcode will NOT work in a tab, google draws the map markers on the screen position where the map is, it has no idea what a tab is or does, and does not know to move the markers.

There are some 'hacks' to get the new v3 maps to work in a bootstrap tab but it isnt pretty.

Go to the full post


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

#1 CliffordP

CliffordP

    Advocate

  • Members


  • 442 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 13 November 2012 - 09:17 PM

Here's a screencast video showing the issue:

Please Login or Register to see this Hidden Content



shortcode is

Please Login or Register to see this Hidden Content


Why is the map marker not centered in the viewable area?

Thank you.

#2 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 13 November 2012 - 09:24 PM

Just tried your shortcode, no issues:

Please Login or Register to see this Hidden Content



#3 CliffordP

CliffordP

    Advocate

  • Members


  • 442 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 13 November 2012 - 09:31 PM

ok, tested and the issue only happens when I put it inside the pl_tabs -- video of in and out of tabs on same page:

Please Login or Register to see this Hidden Content



#4 CliffordP

CliffordP

    Advocate

  • Members


  • 442 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 14 November 2012 - 01:44 AM

can you replicate? any fix for that?

#5 CliffordP

CliffordP

    Advocate

  • Members


  • 442 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 22 November 2012 - 01:50 PM

After testing thoroughly, it seems to "start" the map at tab 1; therefore, since I put the map tab as tab 4, it's far to the right of the map pin. If I put the map as tab 1, map displays as desired. Any ideas for including map within tabs and not as tab 1? Thank you, @simon or anyone else.

#6 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts
  • Country: Country Flag

Posted 08 March 2013 - 08:47 AM

+1 

 

I have the same problem when using the map shortcode in tabs (using tabs of the event section). It works fine outside the tabs. However, I would like to have a tab for the location of the event  :-)

 

Further. It seems the google maps javascript files are loaded on every page. Would be nice if they are only included on the page where the map shortcode is placed. 

 

Thanks.



#7 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 08 March 2013 - 08:50 AM

Hi jbrouwer 

 

Could you crete your own topic for this and we can look into any issue you have with Map Shortcodes. 



#8 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts
  • Country: Country Flag

Posted 08 March 2013 - 09:29 AM

?



#9 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 08 March 2013 - 11:18 AM   Best Answer

The map shortcode will NOT work in a tab, google draws the map markers on the screen position where the map is, it has no idea what a tab is or does, and does not know to move the markers.

There are some 'hacks' to get the new v3 maps to work in a bootstrap tab but it isnt pretty.



#10 jbrouwer

jbrouwer

    Super Member

  • Members
  • 191 posts
  • Country: Country Flag

Posted 08 March 2013 - 02:38 PM

That's too bad. I will use it outside the tabs than.

 

Sorry, the googlemaps js files were from a plugin (buddystream)

 

Thanks