Support » Plugin: All-in-One Event Calendar » Using the ai1ec Google Maps feature in a custom theme

  • Resolved CatchThePigeon


    I have had to use a custom theme design to operate my events platform and every now and then like to put some new features on the website myself.

    I have been trying to implement a Google Maps div under the event information using some of the Code I found whilst rummaging around in the Vortex theme.


    <?php if ( $map ) : ?>
    <div class=”gmaps”><?php echo $map; ?></div>
    <?php endif; } ?>

    With a few CSS tweaks I have it looking ok but when you click to view map only a tiny section is loaded and the parameters seem to be wrong when you scroll around as most of it ends up disappearing on the right after you drag it across.

    See here:


    The general consensus on this is to use
    however I’ve put it in as scripts and (to test it) as a button on the page and it doesn’t work.

    Can anyone see what I’m doing wrong – happy to pastebin some code if anyone wants.

    I have not implemented this into the site yet only on my virtualserver so cannot provide a link to show unfortunately.

Viewing 1 replies (of 1 total)
  • OK, no joy from doing it this was so did this.

    $address = substr(trim(str_ireplace('<br />',', ',$location)),0,-1);


    <iframe width="205" height="189" frameborder="0" style="border:0" src="<?php echo $address;?>&key=[====GOOGLE API KEY =====]"></iframe>

    You can easily get an API key from google if you have any kind of google account.

Viewing 1 replies (of 1 total)
  • The topic ‘Using the ai1ec Google Maps feature in a custom theme’ is closed to new replies.