Google Maps UI

  • Post date

Home › Forums › Calendar Products › Events Calendar PRO › Google Maps UI

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 21, 2015 at 2:50 pm #935904
    David Kaye
    Participant

    Hi,

    I’ve got an issue with Google Maps on the Events Calendar…

    The User Interface on the left with zoom in/zoom out is all messed up. You also cannot click on the pin to see any info about that location.

    Ideally, I’d just like to have the maps function like the other one I’ve placed on my site:
    http://v3.gaminginsiders.com/2015-summit/

    A simple lat/long piece of code that disables the scroll-zoom on the map as well.

    However, at the very least I’d like to make sure there aren’t any strange squished image anomalies on the map UI.

    Thanks for the help!!
    Nick

    January 22, 2015 at 9:32 am #936253
    Geoff
    Member

    Hey there, Nick! Welcome back to the forums and sorry you’re hitting some trouble with the Google Maps embed.

    First off, nice site! I love what you’re doing to customize the calendar so far and am stoked to see how it all shapes out. Great work. 🙂

    It appears these customizations are also leading to the conflicts as well. I see several errors in the console when I inspect element and many of them are JS/CSS errors, including ones that would have an impact on the map.

    We’re fairly limited in helping with issues that pop up with custom development, but right off the bat, I see that there are rules inside the following file that are causing some of the layout issues you’re describing:

    themes/gamers/css/webflow.css

    Overriding those would be a good place to start, though I imagine there are other spots as well.

    Cheers!
    Geoff

    January 22, 2015 at 12:49 pm #936344
    David Kaye
    Participant

    Thanks Geoff! I’ll look into the CSS… it sounds like one custom map disrupting another… do you know where the custom map CSS is located in The Events Calendar?

    January 22, 2015 at 1:15 pm #936356
    Geoff
    Member

    Good question! I don’t believe we’re using any custom CSS for the maps themselves, but you can see the template tags generated for the functions used to display them in /plugins/the-events-calendar/public/template-tags/google-map.php.

    For an event deeper look, the following classes might give you some helpful insight:

    • Tribe__Events__Google_Data_Markup (located in /the-events-calendar/lib/Google_Data_Markup
    • TribeEvents_EmbeddedMap (located in /the-events-calendar/lib/EmbeddedMaps

    That last one in particular contains the scripts that enqueued for the map functionality.

    Cheers!
    Geoff

    January 22, 2015 at 1:17 pm #936360
    David Kaye
    Participant

    Perfect, thanks Geoff!

    January 22, 2015 at 3:02 pm #936414
    Geoff
    Member

    My pleasure! It sounds like we’re good for the time being, so I’ll go ahead and close this out–feel free to start a new thread though if you have follow-up questions along the way and we’d be happy to help. 🙂

    Cheers!
    Geoff

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Google Maps UI’ is closed to new replies.