GIS et carte à la hauteur maximale de son conteneur

Nils

Juin 2015

Bonjour,

comment donner une hauteur de 100% à une carte GIS,
comme on peut lui attribuer une largeur de 100% ?

Le conteneur de la carte étant une div flex-box qui occupe toute la largeur et la hauteur disponible.

Le code suivant n’affiche plus rien à cause du height=100%, :

[(#INCLURE{fond=modeles/carte_gis,
objets=rubriques,
id_rubrique=#ID_RUBRIQUE,
kml=#ID_RUBRIQUE,
width=100%,
height=100%,
zoom_molette=non,
lat=#GIS_LATITUDE,
lon=#GIS_LONGITUDE,
zoom=#GIS_ZOOM})]

Merci.

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Nils

Juin 2015

Ou bien, comment utiliser le résultat de ce JavaScript pour l’affecter à une variable SPIP ?
<script type="text/javascript">  </script>
Dans :
[(#INCLURE{fond=modeles/carte_gis, objets=rubriques, id_rubrique=#ID_RUBRIQUE, kml=#ID_RUBRIQUE, width=100%, height=ici ma var JS divHeight, zoom_molette=non, lat=#GIS_LATITUDE, lon=#GIS_LONGITUDE, zoom=#GIS_ZOOM})]
Indiquez l’intérêt que vous portez à cette réponse

0

erational

Juin 2015

cela ne peut pas marcher car ton js est exécuté coté client après le chargement de la page et ta code spip coté serveur au moment de la génération de la page.

il faudrait plutôt que tu écrives un js qui adapte le modèle généré par gis.
Indiquez l’intérêt que vous portez à cette réponse

0

Nils

Juin 2015

Oui erational, bien vu !,
et je crois que le code JS qui suit, fait écho à ta réponse.

Résolu en plaçant du JS pour re tailler la div map1 après la déclaration de la carte :
 [(#INCLURE{fond=modeles/carte_gis, objets=rubriques, width=100%, height=400px, zoom_molette=non, lat=#GIS_LATITUDE, lon=#GIS_LONGITUDE, zoom=#GIS_ZOOM})]   <script type="text/javascript">  </script>