Télécharger en tant que PDF, PPTX
![Concepts techniques
{
containerId: "map",
basemap: 'fdc-leger',
layers: [
'arrondissements-polygones',
'arrondissements-contours',
'arrondissements-etiquettes',
],
environment: libMap.Environment.DEV,
};
Config as code ?
● couches](https://image.slidesharecdn.com/prsentationlib-cartogeomtl1-231024001632-b1b2eee0/85/Une-librairie-de-developpement-cartographique-en-libre-service-31-320.jpg)
![Concepts techniques
{
containerId: "map",
basemap: 'fdc-leger',
layers: [
'arrondissements-polygones',
'arrondissements-contours',
'arrondissements-etiquettes',
],
position: {
type: "feature",
featureId: "'OCC-2106ZC11887865'",
idField: 'permitPermitId',
layerId: 'montreal:entraves-polygonales'
},
environment: libMap.Environment.DEV,
}
Config as code ?
● position](https://image.slidesharecdn.com/prsentationlib-cartogeomtl1-231024001632-b1b2eee0/85/Une-librairie-de-developpement-cartographique-en-libre-service-32-320.jpg)
![Concepts techniques
{
containerId: "map",
basemap: 'fdc-leger',
layers: [
'arrondissements-polygones',
'arrondissements-contours',
'arrondissements-etiquettes',
],
layersOptions: {
'arrondissements-polygones' : {
selectable: true,
selectionMethod: "click",
selectionColor: "rgba(248, 95, 8 ,0.7)",
}
},
environment: libMap.Environment.DEV,
}
Config as code ?
● sélection](https://image.slidesharecdn.com/prsentationlib-cartogeomtl1-231024001632-b1b2eee0/85/Une-librairie-de-developpement-cartographique-en-libre-service-33-320.jpg)
![Ex: sélection par attribut
Concepts techniques
const mapOptions: IMapOptions = {
containerId: 'map',
basemap: 'fond-de-carte',
position: { type: PositionType.LATLON, point: [-73.7, 45.55] },
layers: ['arrondissements-contours', 'arrondissements-polygones',
'stations-lignes-de-metro-icones'],
layersOptions: {
'stations-de-metro': { visible: false },
'arrondissements-polygones': { selectable: true, selectionMethod:
SelectionMethod.CLICK },
},
environment: Environment.DEV
};
const myMap = createMap(mapOptions);
…
myMap.selectFeaturesByAttribute(
'arrondissements',
'nomArrond',
'Verdun'
);](https://image.slidesharecdn.com/prsentationlib-cartogeomtl1-231024001632-b1b2eee0/85/Une-librairie-de-developpement-cartographique-en-libre-service-39-320.jpg)
![Concepts techniques
const mapOptions: IMapOptions = {
containerId: 'map',
basemap: 'fdc-leger',
layers: ['info-travaux-clusters'],
environment: Environment.DEV
};
const myMap = createMap(mapOptions);
…
const leaves = await myMap.getClusterLeaves(
'info-travaux-clusters',
clusterId
);
...
myMap.zoomToFeaturesExtent(leaves)
Ex: Clusters](https://image.slidesharecdn.com/prsentationlib-cartogeomtl1-231024001632-b1b2eee0/85/Une-librairie-de-developpement-cartographique-en-libre-service-41-320.jpg)
Téléchargé parACSG Section Montréal
Une librairie de développement cartographique en libre service
Le document présente LibCarto, une librairie de développement cartographique conçue pour faciliter l'intégration et la visualisation de données géospatiales, en visant à uniformiser et démocratiser l'accès aux ressources cartographiques. Il aborde les fonctionnalités clés de la librairie, les enjeux organisationnels ainsi que les perspectives d'avenir et lessons apprises. LibCarto vise à améliorer la transparence et l'efficacité des services municipaux en matière de cartographie.
Une librairie de développement cartographique en libre service
- 1. Libcarto Une librairie de développementcartographique en libre service Clément Glogowski et Marc-Olivier Ethier - Forum Géomatique 22 septembre 2023
- 2. Marc-Olivier Ethier Clément Glogowski Développeur/concepteur principal TI -Géomatique Analyste principal TI - Géomatique
- 3.
- 4. Division Intelligence d’Affaires et Géomatique Centre d’expertise en géomatique Centre d’expertiseen intelligence d’affaires
- 5. Division Intelligence d’Affaires et Géomatique Centre d’expertise en géomatique Gouvernance desdonnées Centre d’expertise en intelligence d’affaires
- 6. Division Intelligence d’Affaires et Géomatique Centre d’expertise en géomatique Gouvernance desdonnées Centre d’expertise en intelligence d’affaires Valorisation des données corporatives
- 7. Mise en contexte Collectionde codes/scripts : ● Simplifie le développement ● Expose des fonctionnalités et des outils prêts à l'emploi Librairie & API ?
- 8. Mise en contexte …fonctionnalités préconstruitesconçues pour faciliter la création d'applications et de visualisations cartographiques interactives. Librairie cartographique ?
- 9. Mise en contexte …adresse réseau/web qui permet d'accéder à des données géospatiales facilitant ainsi leur intégration dans des applications SIG. Service cartographique ?
- 10.
- 11. Mise en contexte Sourcede données Symbologie ● Géométrie ● Police ● Couleurs ● … Filtres … Style cartographique ?
- 12. Mise en contexte ●Mauvaise utilisation des données corporatives ● Informatique grise / Cartographie grise ● Manque de ressources spécialisées ● Sécurité informatique Enjeux municipaux ?
- 13. Objectif de lalibrairie Comment résoudre nos problèmes organisationnels ? ● Faciliter ● Remplacer ● Uniformiser ● Inventorier ● Démocratiser
- 14. Comment résoudre nos problèmes organisationnels? ● Faciliter l’ intégration d’une carte dans les applications ● Remplacer ● Uniformiser ● Inventorier ● Démocratiser Objectif de la librairie
- 15. Comment résoudre nos problèmes organisationnels? ● Faciliter ● Remplacer les multiples technologies de cartographie ● Uniformiser ● Inventorier ● Démocratiser Objectif de la librairie
- 16. Comment résoudre nos problèmes organisationnels? ● Faciliter ● Remplacer ● Uniformiser et standardiser l’ accès aux données corporatives ● Inventorier ● Démocratiser Objectif de la librairie
- 17. Comment résoudre nos problèmes organisationnels? ● Faciliter ● Remplacer ● Uniformiser ● Inventorier et cataloguer les couches géospatiales corporatives ● Démocratiser Objectif de la librairie
- 18. Comment résoudre nos problèmes organisationnels? ● Faciliter ● Remplacer ● Uniformiser ● Inventorier ● Démocratiser les pratiques SIG aux TI Objectif de la librairie
- 19. Autonomie / Libre-service Unwrapper pour simplifier tout ca ? La LibCarto pour les gouverner tous ? ● Faciliter ● Remplacer ● Uniformiser ● Inventorier ● Démocratiser
- 20. Autonomie / Libre-service Unwrapper pour simplifier tout ca ? La LibCarto pour les gouverner tous ? ● Faciliter ● Remplacer ● Uniformiser ● Inventorier ● Démocratiser
- 21. Lib Carto Applications internes Anatomie / Architecture Cataloguede Métadonnées VTS WFS WMS WMTS Objets Styles Applications internes Portail Ville Données Ouvertes Publication Notification Diffusion / sécurité / performance Logiciels Usagers Usagers Usagers Usagers Usagers Usagers BD Réglementation
- 22. Applications internes Anatomie / Architecture Cataloguede Métadonnées Objet Applications internes Portail Ville Données Ouvertes Publication Notification Logiciels Usagers Usagers Usagers Usagers Usagers Usagers Réglementation Usagers
- 23. Développement d’un studio cartographique en libreservice Présentation du Studio
- 24. Administrer les styles Présentationdu Studio
- 25.
- 26. Éditer / visualiserun style Présentation du Studio
- 27. Présentation du Studio Gérerles icônes
- 28. Présentation du Studio Publier ●Fichier ● BD ● Services Partager ● Privé ● Public ● Officiel Documenter ● géocatalogueMTL
- 29. Concepts techniques Config AsCode ? Développer une application en remplissant un fichier de configuration.
- 30. Concepts techniques { containerId: "map", environment:libCarto.Environment.DEV }; Config as code ?
- 31. Concepts techniques { containerId: "map", basemap:'fdc-leger', layers: [ 'arrondissements-polygones', 'arrondissements-contours', 'arrondissements-etiquettes', ], environment: libMap.Environment.DEV, }; Config as code ? ● couches
- 32. Concepts techniques { containerId: "map", basemap:'fdc-leger', layers: [ 'arrondissements-polygones', 'arrondissements-contours', 'arrondissements-etiquettes', ], position: { type: "feature", featureId: "'OCC-2106ZC11887865'", idField: 'permitPermitId', layerId: 'montreal:entraves-polygonales' }, environment: libMap.Environment.DEV, } Config as code ? ● position
- 33. Concepts techniques { containerId: "map", basemap:'fdc-leger', layers: [ 'arrondissements-polygones', 'arrondissements-contours', 'arrondissements-etiquettes', ], layersOptions: { 'arrondissements-polygones' : { selectable: true, selectionMethod: "click", selectionColor: "rgba(248, 95, 8 ,0.7)", } }, environment: libMap.Environment.DEV, } Config as code ? ● sélection
- 34. Démocratisation = Documentation Concepts techniques ● Documentationdynamique (TypeDoc) ● Déploiement en application web ● Déploiement en librairie
- 35.
- 36. Concepts techniques Exemples interactifset documentés Exemples documentés et interactifs en ligne
- 37.
- 38. Utilisation après initialisation dela configuration Ex: sélection par attribut ● Appel WFS ● Supporte toutes les couches et attributs Concepts techniques
- 39. Ex: sélection parattribut Concepts techniques const mapOptions: IMapOptions = { containerId: 'map', basemap: 'fond-de-carte', position: { type: PositionType.LATLON, point: [-73.7, 45.55] }, layers: ['arrondissements-contours', 'arrondissements-polygones', 'stations-lignes-de-metro-icones'], layersOptions: { 'stations-de-metro': { visible: false }, 'arrondissements-polygones': { selectable: true, selectionMethod: SelectionMethod.CLICK }, }, environment: Environment.DEV }; const myMap = createMap(mapOptions); … myMap.selectFeaturesByAttribute( 'arrondissements', 'nomArrond', 'Verdun' );
- 40. Utilisation après initialisation dela configuration Ex: Clusters ● Appel WFS (geojson) ● Simple d’utilisation ● Zoom automatisé ● Interaction possible ● Possibilité de filtrer Concepts techniques
- 41. Concepts techniques const mapOptions:IMapOptions = { containerId: 'map', basemap: 'fdc-leger', layers: ['info-travaux-clusters'], environment: Environment.DEV }; const myMap = createMap(mapOptions); … const leaves = await myMap.getClusterLeaves( 'info-travaux-clusters', clusterId ); ... myMap.zoomToFeaturesExtent(leaves) Ex: Clusters
- 42. Utilisation à la Ville? Applications et projets Services divers : ● GBeau ● Gogeo ● AGIR ● … Lib Carto : ● Engagement Numérique pour le portail citoyens
- 43.
- 44.
- 45.
- 46. Gains et leçonsapprises Démocratisation !! Gains Informations “vivantes” Compatibilité accrue Vélocité Transparence
- 47. Gains et leçonsapprises Dépendance sur la Donnée !? Enjeux Garder les choses simples Pré-requis d’infrastructure
- 48. Perspectives d'avenir ?! Avenir Détection duchangement ! Versionnement & Notification ? Interopérabilité accrue ? Ouverture du code ?
- 49.
- 50.