javascript - Google Maps API js3 not loading entire map -


my site utilizing google maps api, latest version, via javascript. site loads pages via ajax. i'm listening internal link click events , loading page, parsing dom, selecting want via jquery , inserting div.

when load contact page (which contains map), map loads fine. in fact, if load page, , click contact link (causing contact page load via ajax), map loads fine. once view contact page, if navigate page (via ajax), , return contact page clicking contact link (via ajax), map shows 1 square, , remainder of map not load. of javascript initiate , setup map within contact page code gets loaded via ajax each time.

i have tried using google maps event method trigger resize, has done nothing.

any ideas?

this question of timing. google.maps "one-tile" condition caused trying load initialise map in div that's rendered hidden, or not yet rendered.

another issue may not have considered each map load eats goggle quota, potentially costly. "single-page" site design can minimise number of map loads shuffling map onto main host page (but hidden) onto map page if re-selected. fiddly achieve , may test javascript ability. i'm afraid don't know of demo.


Comments

Popular posts from this blog

ios - UICollectionView Self Sizing Cells with Auto Layout -

node.js - ldapjs - write after end error -

DOM Manipulation in Wordpress (and elsewhere) using php -