Aller au contenu principal

L'application embedMap

↠ La méthode no-script-tag et test sur le CMS Drupal : https://www.linkedin.com/pulse/la-m%2525C3%2525A9thode-no-script-tag-admin-owlapps-tuute  

Démo vidéo :

 



 

 

↠ Utiliser le fond de carte du cadastre francais (CADASTRALPARCELS.PARCELLAIRE_EXPRESS) de l'IGN /Géoportail : testigncadastrefrancaisexpress.html  

Démo vidéo :

 



 

 

↠ Utiliser la plateforme de blogging de Google BlogSpot / Blogger pour publier vos cartes interactives : https://www.linkedin.com/pulse/la-plateforme-blogger-blogspot-de-google-pour-publier-admin-owlapps-len6e  

Démo vidéo :

 


 

 

↠ Utiliser le fond de carte Plan IGN V2 : testplanignv2.html  

 

Démo vidéo :

 



 

 

↠ Modifier les balises <richDecos> d'une balise <Style> héritée : testchangeinheritedrichdecos.html  

Démo vidéo :

 


 

 

 

↠ Utiliser la balise <outer> de <PolyStyle><richDecos> pour repérer une petite surface à très petit niveau de zoom : testpolygontopoint.html  

 

 

Démo vidéo :



 

 

↠ Utiliser les geo URIs pour se téléporter : testjump.html  

Démo vidéo :


 

 

↠ Utiliser un Schema provenant d'un fichier KML externe : testexternalschema.html  

Démo vidéo :


 

↠ Afficher des étiquettes (labels) à l'intérieur d'un polygone : testtextaspolygonbackground.html
 

Démo vidéo :



 

↠ Rendre invisible une couche WMS d'OpenStreetMap et générer sa légende associée grâce au PHP et au SVG : testlayerlegendfromsvgphp.html
 

Démo vidéo :



 

↠ Personnaliser vos couches Bing Maps avec des styles Game Boy : testgameboyfilterbingmaps.html
 

Démo vidéo :


 

↠ Afficher des diagrammes en barres empilées (stacked bar charts) grâce à la librairie SENCHA EXT JS : testsinglesymbolperline.html

 

 

Démo vidéo :

↠ Afficher des diagrammes circulaires (camemberts / pie charts) grâce à la balise <ExtendedData> et la librairie SENCHA EXT JS : testpiechartssencha.html
 

Démo vidéo :




↠ Ajouter des nuages et la pluie animés grâce au SVG sans code Javascript : testcloudrainanimsvg.html
 

Démo vidéo :





↠ Intégration d'un WMS IGN Géoportail France Cadastre parcellaire : testgeoportail.html
 

Démo vidéo :




↠ Intégration d'un WMS du fournisseur Maptiler : testmaptiler.html
 

Démo vidéo :




↠ Animations sur les géométries linéaires, ajoutez vos propres WMS en tant que base ou overlay layers : testoverlaybaselayers.html
 

Démo vidéo :




↠ Jouer avec les balises <minZoom> et <maxZoom> pour afficher ou pas les objets sur la cartes en fonction du niveau de zoom : testminmaxzoom.html

 

Démo vidéo :




↠ Plusieurs façons d'afficher des flèches sur la carte : testarrow.html
 

Démo vidéo :




↠ Exemple avec des histogrammes (balise ExtendedData + SVG) et un polygone dont le fond est constitué de motifs de gradient de couleurs radiaux vectoriels: testhistogradient.html

Démo vidéo :




↠ Exemple avec un polygon troué, faire un tartan écossais et 2 styles différents pour représenter des voies ferrées : testholetartanrail.html

↠ testez la balise NetworkLink en tant que géoservice WFS / WMS: testnetworklink.html

Démo vidéo :




↠ afficher votre label, charger vos CSS (Cascading Style Sheet) et utiliser votre propre police de caractères (font) : testcss.html

Démo vidéo :



↠ Autre exemple avec PolyStyle, LineStyle, IconStyle et ExtendedData (+ BalloonStyle) : polylineiconstyleextendeddata.html

↠ Fichier à télécharger et à utiliser / tester / modifier en local sur votre ordinateur: testembedmaplocalmode.html . Décompressez-le, enfin ouvrez-le avec votre navigateur web. Si vous souhaitez voir le code source pour le modifier il suffit de l'ouvrir avec un éditeur de texte simple comme NotePad, BlockNote, etc.


↠ Autres exemples avec la combinaison de <Style> internes et externes (<StyleMap>): caller.html

Démo vidéo :




↠ Autres exemples avec la nouvelle balise <richDecos> :