Google Maps not loading

Question

I am using this JavaScript code to my sample site and I am including a Google Map there, however the Map does not load when the page loads.

UPDATE - Also, I've noticed if I leave the web page open for a long period of time some parts of the google map get loaded.

Is this an error with the code I've written or some form of a lag.

Any kind of help is appreciated

HTML

<head>
    <script src="js/gmaps.js"/></script>

    </head>

    <body>
        <section id="properties" class="container">
            <article id="prop1">
                <div id="tabs">
                    <ul>
                        <li>
                            <a href="#map">Location</a>
                        </li>
                    </ul>
                    <div id="map"></div>
                    </div>
            </article>
            </body>
            </html>

JAVASCRIPT

<script>    
       GMaps({//maps UI
    el: '#map', 
    lat: 52.97,
    lng: -2.44
  });
            </script>

Answer 1

Try to replace el to div like this :

$(document).ready(function() {
    GMaps({//maps UI
        div: '#map', 
        lat: 52.97,
        lng: -2.44
    });
});

Just check the documentation : https://hpneo.github.io/gmaps/examples/basic.html

Google Maps not loading

Question

1 answers

solution1
1 2017-04-21 10:03:00

Google Maps not loading

Question

1 answers

solution1 1 2017-04-21 10:03:00

solution1
1 2017-04-21 10:03:00