Comment précisément la place d'un élément div sur une carte à l'aide du dépliant de js?

J'ai essayé ce couple de façons, mais n'ont pas été en mesure de le faire fonctionner. Je veux mettre les horloges en haut de la carte dans plusieurs fuseaux horaires. J'ai un javascript pour créer de l'horloge et je place de l'horloge dans un div élément.

Voici ce que j'ai essayé:

  1. Créer un Point avec 0,0 coordonnées.
  2. À partir de ce point d'obtenir la latitude de la valeur pour le haut de la carte à l'aide de containerPointToLatLng.
  3. Créer LatLng à l'aide de la lat et long pour le fuseau horaire.
  4. Converti ce LatLng à Point et puis le positionnement de l'élément div avec la x,y à partir de ce point.

J'exécute la logique à la fois lorsque la page est rendu pour la première fois et ensuite sur le corps de redimensionnement. Cependant, si je change la taille de la fenêtre du navigateur, l'horloge ne pas le positionner correctement.

Des suggestions?

  • Voulez-vous d'avoir plusieurs horloges à la fois sur la carte? Pourriez-vous poster quelques violon?
  • n'hésitez pas à expliquer la raison de votre offrant une grande générosité sur ce vieux post. Votre cas peut différer quelque peu de ce qui est décrit ici.
  • Je suis à la recherche de la possibilité de placer un élément HTML sur n'importe quel endroit sur la carte. L'idée était d'avoir une carte météorologique où je peux rendre des choses comme info de la température en utilisant le HTML plutôt que de générer une image - mais je me rends compte (et plus encore après la lecture de votre post) que c'est beaucoup plus compliqué qu'il ne paraît au premier coup d'œil.
  • eh bien, si votre élément HTML est fixe par rapport à la carte de base (c'est à dire similaire à un marqueur de), vous devez simplement utiliser un L.divIcon dans un marqueur, ou même L.popup (peut-être avec un petit hack pour permettre à plusieurs simultanément ouvrir les pop-up). Aucun autre hack nécessaire. Mon post ci-dessous est pour le cas où vous souhaitez que votre Élément à déplacer horizontalement, mais toujours rester sur le haut de la carte conteneur. N'hésitez pas à ajouter plus de détails à votre besoin, ou même d'ouvrir une nouvelle question.
  • oh, je n'avais pas remarqué la divIcon ou pas rendu compte de ce qu'il fait. Merci, je vais vérifier que l'un et d'être en contact, si j'ai d'autres questions! (Indépendamment de cela, je serai plus qu'heureux d'attribution de la prime à l'excellence de votre réponse une fois la fin de la période.)
InformationsquelleAutor user3137607 | 2013-12-26