Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi jiteshkerkar1,

    Not sure what you mean by optimising it.

    To get the embed code for google maps:
    1) search your location on maps.google.com,
    2) Click on the hamburger menu (those 3 lines at the top left corner of maps)
    3) Click “Share or Embed Map”
    4) Click “Embed Map” and save the iframe code.

    In your wordpress dashboard > appearance > editor:
    1) Open section-contact.php
    2) Find <div class=”google-map”> and enter the iframe code there
    3) Hide the rest of the theme’s map code with <!– and –> before the closing of the google-map div.

    That’s how i did mine.

    I have a similar issue where the marker does not show, although the map does on my colleague’s website, http://www.unicornpublishing.com.sg

    Googled and found this http://www.wpgmaps.com/documentation/creating-a-google-maps-api-key/

    As from 22 June 2016, all calls to the Google Maps API require an API key. In the past, Google Maps API allowed you to make calls to the API without an API key – this has changed.

    I have an api now, but don’t really know how to integrate it into the theme. Can the developer help?

    For a temporary fix, I’ve embedded a google map with the location I want into the Contact Page template (section-contact.php) within <div class=”google-map”> and hidden the in-built map.

    If you need an embed code, just click on the hamburger menu on google maps once you’ve found your location. Do tell me if you have any issues with this.

    Learnt to add this into css from somewhere I can’t remember. It works for me.

    Apologies to the original source.

    #slider img {
    /* sizing ang align for portrait */
    max-height: 110% !important;
    max-width: 100% !important;
    height: auto !important;
    width:auto !important;
    margin-top: 0px !important;
    margin:auto !important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)