Adobe Portfolio

Utiliser uMap & Framacarte: créer / diffuser des cartes en
1

Le code iframe d’Openstreetmap est considéré comm non valide dans Adobe Portfolio, est-ce normal ?

2

Il y a bien https dans l’URL du code iframe ?

3

je pense que le problème vient d’Adobe, ils ne doivent pas collaborer avec OSM, mais seulement Google Maps…

4

« non valide » : ils ne donnent pas une raison ?

1 Like
5

si seulement, juste un message « code non valide » !

1 Like
6

Quel est le code ?

7

Voir en plein écran

1 Like
8

@gerba007 Discourse n’affiche qu’un simple lien pour ton message, ce n’est probablement pas ce que tu voulais.

Le code a trois erreurs d’après validator.w3.org :

  • Bad value 100% for attribute width on element iframe: Expected a digit but saw % instead.
  • Bad value 300px for attribute height on element iframe: Expected a digit but saw p instead.
  • The frameborder attribute on the iframe element is obsolete. Use CSS instead.

Si Adobe Portfolio a un validateur HTML interne, ça peut être ce qui coince.

Code

Version brute du code telle que je la vois dans la notification par e-mail (avec quelques sauts de ligne pour aérer) :

<iframe width="100%" height="300px" frameborder="0" allowfullscreen allow="geolocation" 
src="//umap.openstreetmap.fr/fr/map/best-spots-photo-el-chalten_938476?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&captionMenus=true">
</iframe>
<p><a href="//umap.openstreetmap.fr/fr/map/best-spots-photo-el-chalten_938476?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&captionMenus=true">Voir en plein écran</a></p>
9

ok, merci, parallèlement j’ai envoyé le code à Adobe Portfolio pour examen, je suis en attente de réponse…

1 Like
10

Y a pas de http ou https dans le code :thinking:

11

En effet, ces URL sont relatives au protocole. Ce n’est pas nécessairement une bonne idée, mais c’est valide.

12

je sais…, je l’ai envoyé au team Adobe Portfolio pour examen, si OSM balance un code non valide, je vois pas l’utilité !

13

Suffit de rajouter https: devant les // et c’est correct.

Plein de monde intègre des uMap partout, la critique n’est pas à faire côté OSM.

La seule chose c’est que si on arrive sur une carte uMap en http, il donne un code en http qui sera bloqué par les navigateurs car il ne faut pas mixer https et http.

14

Non, même en rajoutant http: ou https: devant les //, le code est invalide, c’est plus compliqué que ça…

15

si c’est aussi simple, pourquoi n’est-il pas intégrer d’office par OSM…