Comment CSS peut-il arrêter le chargement de Google Maps?

J'ai une page avec Google Maps div:Comment CSS peut-il arrêter le chargement de Google Maps?

<div id="map_canvas" style="width: 100%; height: 332px;" ></div>

Si je commente mon CSS, les charges de carte bien: si j'inclure le CSS, les commandes de carte charge, mais les tuiles de carte ne se charge pas : il y a juste un fond gris.

Ceci est le cas même si je mets la carte div juste après la balise <body>, sans aucun élément stylé du tout. Pas de CSS, ça se charge bien. Avec CSS, pas de carte.

Est-ce que quelqu'un sait ce qui pourrait causer cela? Je ne comprends pas très bien ce que le problème peut être si aucun style CSS n'est appliqué à un élément qui contient la carte.

Si le diagnostic plus sont nécessaires, s'il vous plaît laissez-moi savoir, et je vais déployer la carte brisée sur un site de mise en scène, afin que les gens peuvent regarder la source.

MISE À JOUR: OK, the staging site is here - c'est un gâchis, mais la carte devrait charger.

Source

2010-04-06 AP257

Voyons cela lors de la mise en scène. –

S'il vous plaît montrer quelques CSS. –

Il est le trop-plein: le style caché que vous avez défini dans votre fichier global.css. enlever cela et cela a fonctionné comme un charme.

div, p { 
    overflow:hidden; 
}

Source

2010-04-06 16:41:16

Génie! Je vous remercie! – AP257

Notez que les contrôles de carte Google ont beaucoup plus d'éléments que tout le conteneur <div> extérieur. Votre CSS peut affecter ces éléments. Par exemple, vous pourriez avoir une règle img { display: hidden; } qui cacherait toutes les tuiles dans la carte. Je simplifie clairement l'exemple, bien sûr; Je doute que ce soit aussi simple. :-)

Vous devez fournir un peu plus d'information, dans les extraits particuliers de votre CSS, pour que nous puissions vous aider. Vous pouvez également utiliser les outils d'inspection DOM tels que les outils de développement d'IE8, les outils de développement Chrome ou Firefox Firebug pour voir le CSS appliqué au contrôle de carte Google et voir quelles règles viennent d'où. Cela vous aidera à identifier les éventuelles règles de votre CSS qui perturbent Google Map.

Source

2010-04-06 16:30:42

Comment CSS peut-il arrêter le chargement de Google Maps?

Répondre

Questions connexes