JeuWeb - Crée ton jeu par navigateur
Rotation marqueur google maps - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Rotation marqueur google maps (/showthread.php?tid=7666)

Pages : 1 2


RE: Rotation marqueur google maps - Xenos - 03-06-2016

Et ça : https://developers.google.com/maps/documentation/javascript/reference#IconSequence ?


RE: Rotation marqueur google maps - xanthius - 03-06-2016

Les symboles ? j'aurais préféré gardé mon petit avion ..
Après recherche, je vois que seul la méthode avec canvas peut répondre à mes attentes. Le gros hic c'est que ça me fera pas mal de boulot en plus pour juste un petit avion .. Du coup je pense que je vais abandonner l'idée. Pourtant je sais que c'est réalisable, les concurrents l'ont implanté.
Au moins  je peux me dire que j'ai déjà la carte de vol avec l'emplacement de l'avion durant son trajet
[Image: 160603021250780964.png]


RE: Rotation marqueur google maps - niahoo - 03-06-2016

Prend-toi une après-midi pour le faire, tu vas y arriver. En plus si tu postes des bouts de codes précis et pas trop crades on peut t'aider ici.


RE: Rotation marqueur google maps - Xenos - 03-06-2016

Okay, j'avais pas vu le typ:Symbol... Mais pourquoi tu veux une icone? Le symbol possède un paramètre "path", un "fillColor" alors pourquoi ne pas faire ton avion en path SVG, le déclarer comme Symbole, et basta? Là tu vas te fourvoyer dans des url d'images de canvas d'image tournées...


RE: Rotation marqueur google maps - xanthius - 03-06-2016

(03-06-2016, 03:55 PM)Xenos a écrit : Okay, j'avais pas vu le typ:Symbol... Mais pourquoi tu veux une icone? Le symbol possède un paramètre "path", un "fillColor" alors pourquoi ne pas faire ton avion en path SVG, le déclarer comme Symbole, et basta? Là tu vas te fourvoyer dans des url d'images de canvas d'image tournées...

Mais attends voir ! Elle est pas mal ton idée. J'ai même trouvé un avion en SVG, bon après je n'ai jamais utilisé de SVG donc ça va être la grande découverte :o !
donc oui, l'idée est bonne, je dessine l'avion en SVG (du moins j'utilise le code) et je l'utilise en tant que symbole :
j'ai trouvé ce dernier :
Code :
<svg
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  version="1.0"
  width="650"
  height="700"
  id="svg2">
 <defs
    id="defs4" />
 <g
    id="layer1">
   <path
      d="M 293.30139,160.26563 L 293.53084,226.64063 L 224.375,282.82813 L 224.375,255.85938 L 201.28125,255.85938 L 201.28125,302.39063 L 130.48529,361.91938 L 130.56099,339.20313 L 109.5,339.20313 L 109.5,379.54688 L 22.375,454.32813 L 14.59375,490.10938 L 205.96875,385.85938 L 293.09375,362.51563 L 294.65625,516.54688 L 311.75,589.67188 L 220.84375,658.29688 L 220.84375,687.70313 L 325.15625,665.54688 L 429.15625,687.64063 L 429.15625,658.23438 L 338.25,589.60938 L 355.34375,516.48438 L 356.90625,362.45313 L 444.03125,385.79688 L 635.40625,490.04688 L 627.625,454.26563 L 540.5,379.48438 L 540.5,339.10938 L 520.40348,339.10938 L 520.46142,362.86329 L 448.71875,302.32813 L 448.71875,255.79688 L 425.625,255.79688 L 425.625,282.76563 L 354.69175,226.57813 L 354.69902,160.20313 C 354.69902,133.18894 355.69009,48.97892 325.28125,12.29687 C 295.88483,54.16651 294.89581,109.287 293.30139,160.26563 z "
      style="opacity:1;color:black;fill:black;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
      id="path1882" />
 </g>
</svg>

Bon ben je vais re regarder alors ^^