Google Maps Lat Long Picker Affichage du logo mais pas de la carte

Question

OK semble être une chose étrange que je ne suis pas sûr de savoir comment déboguer. Toute aide où je peux commencer serait l'as. Donc j'essaye d'utiliser ce plugin jQuery pour google maps qui vous permet de faire glisser un marqueur et obtenir un lat long retourné (si vous connaissez une meilleure solution en faisant la même chose je vais prendre ça!) ici: https://github.com/wimagguc/jquery-latitude-longitude-picker-gmaps

La documentation est clairsemée, mais pour ce qu'elle est il ne devrait pas avoir besoin de trop.

Je tente d'utiliser cette carte dans un onglet de l'interface utilisateur jQuery dans un cadre Bootstrap. J'espère également utiliser la grille bootstrap pour dimensionner la largeur de la carte google. Donc la largeur variable et les onglets semblent toujours tout gâcher, donc ça pourrait être l'un ou l'autre.

Maintenant, pour tout cela, j'ai genre d'a quelque chose à travailler avec le code html de base:

<div class="row gllpLatlonPicker"> 

    <input type="hidden" class="gllpLatitude" value="56.35319217617958"/> 
    <input type="hidden" class="gllpLongitude" value="-2.87078857421875"/> 
    <input type="hidden" class="gllpZoom" value="11"/> 
    <div class="col-md-12 gllpMap" style="height: 250px; margin: 15px;"></div> 

</div><!--- /.row ---> 

Ainsi, le résultat est que je reçois la bonne forme de boîte grise avec le logo Google et les termes montrant, mais pas de carte, ce qui est encore plus étrange, c'est quand je vais ouvrir la console de débogage du navigateur, la carte apparaît. Ou si la console est ouverte je reçois la boîte grise et elle apparaît quand je ferme la console.

Des idées?

Il n'y a plus de code, ce plugin a écrit sa propre initialisation dans le fichier .js, donc il n'y a rien à montrer à ce sujet. Faites-moi savoir s'il y avait quelque chose d'autre que je devrais montrer, si cela n'impliquait pas jQuery UI, Bootstrap, ainsi que ce plugin et tel que je jetterais ensemble un violon pour vous tous. Si vous me pointez vers un outil qui fait tout ce que je vais construire pour donner quelque chose à travailler avec. Lire les intertubes J'ai remarqué quelques problèmes de développement d'applications Android avec la clé API, mais cela ne semble pas s'appliquer ici.

Merci.

Answer 1

Il s'avère que c'est un problème courant, je ne l'ai probablement pas assez bien écrit.

Le commentaire a été très utile car il m'a incité à aller trouver un autre plugin et ensuite faire l'expérience du même scénario. C'était amusant. Mais cela a déclenché l'idée que ce n'était pas un problème de plugin et l'a réduit à l'utilisation des onglets (parce que les onglets causent toujours des problèmes). Je tentais de charger la carte dans un élément caché en charge. Il a fallu un coup de pied pour obtenir la carte à montrer, donc j'ai appelé une fonction sur la carte sur la sélection de l'onglet et le voile, je n'ai pas besoin de micro-ondes des grenouilles ce soir.

Pour référence future, en cas de doute, il s'agit probablement de la faute de jQuery UI.