Pourquoi sur la terre il y a toujours une chance que si nous utilisons "DOCTYPE" avec Google Maps, il y aura un problème dans la montrage correctement de la carte Google?
Dans un cas récent, ce "Doctype" vient de prendre mes 2 jours sans aucune productivité. Quel cas dégoûtant? Cette fois, j'ai eu une aide de l'un de mes collègues (Subhabankar Bannerjee), et merci beaucoup à lui en raison de son aide rapide et efficace. Il a également mentionné à propos de ce même problème, qu'il avait fait face à plusieurs fois.
Quelqu'un peut-il me dire pourquoi ce problème de Doctype se produit avec Google Map?
Toute aide est grandement appréciée.
J'utilisais le doctype transitoire (x) HTML 1.0 pour les navigateurs Mozilla FF et Google Chrome. Je n'ai pas encore vérifié cette carte Google dans IE V6 +, donc je ne peux pas commenter sur ces navigateurs.
4 Réponses :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> I am using this doctype, and it seems to be working fine. It might just be your bootstrap. How are you loading Google? What errors are you getting? Display what kind of result you are getting?
Votre question dit "Si nous utilisons" DOCTYPE "". Est-ce que cela signifie que vous n'avez pas auparavant? Si vous n'avez pas eu auparavant, essentiellement, vous modifiez les «règles» de la manière dont une page Web sera définie. Sans Doctype approprié, vous êtes en mode bizarre.
J'ai eu le même problème avec Google Maps API V3 il y a un moment Et je dois dire que ce n'était pas facile de déboguer.
La chose ici est que si vous n'utilisez pas DOCTYPE sur votre page, la page est rendue en mode Quiks. Fondamentalement, cela permet d'utiliser des styles sans aucun CSS ou JavaScript supplémentaire. Dans ce cas, vous pouvez utiliser ce bit pour charger la carte: Cependant, avec DOCTYPE, la page est rendue comme le Doctype le dit. La fixation d'un style tel que ci-dessus ne fonctionnerait pas sans aucun CSS supplémentaire, car il utilise des pourcentages. L'élément n'a pas de taille, vous finissez donc à prendre 100% de rien. Donc, si vous utilisez XHTML 1.0 strict, c'est-à-dire. La page rend la tâche que si vous utilisez des pixels plutôt que des pourcentages: Vous pouvez le faire aussi dans CSS. Donc, vos options sont ici: laissez le doctype et utilisez des pixels au lieu de pourcentages Supprimez le DOCTYPE et utilisez les pourcentages. Ce document n'est pas recommandé car le document doit toujours dire ce que DTD devrait être rendu avec.
Vous pouvez trouver plus d'informations sur le mode QUIKKS de ici. Il y a Aussi une table qui montre comment différents navigateurs réagissent au manque de DTD.
+1 pour 100% utilisez ce CSS - .map {largeur: 500px; Hauteur: 500px; Position: fixe! Important; à gauche: 0; z-index: 1; TOP: 0;}
Utilisez cela avant de créer un objet de carte document.getelementByID ("Google-plan"). Style.height = $ (fenêtre) .Height () + 'px';
Une solution rapide pourrait être de l'utiliser comme suit:
avant
Cela fonctionne très bien avec DOCTYPE. Essayé et testé! :) document.getElementyID ("Google-plan"). Style.height = $ (fenêtre) .Height () + 'px';
var carte = nouveau google.maps.map (document.getelementByID ("Google-plan"), myMapoptions);
Quel doctype exactement? Quelles webrowsers exactement? Savez-vous (et comprenez-vous) HSIVONEN.IKI.FI/DOCTYPE ?
@Balus - Nice lien fourni. Merci
Stackoverflow.com/questions/2127601/...