...
Plan : remplacement du fichier statique des POIs par l'utilisation du CMS
Frontend
Le module Map a été revu pour afficher de nouveaux éléments, il est donc nécessaire d'installer les nouvelles dépendances et de rebuild le module map.
| Bloc de code | ||
|---|---|---|
| ||
$ cd dev/user-frontend-ionic && npm ci
$ npm run module:build-all |
dev/user-frontend-ionic/src/environment.ts
| Bloc de code | ||||||
|---|---|---|---|---|---|---|
| ||||||
+ MapModule.forRoot({
+ mapType: "osm",
+ accessToken: "",
+ minZoom: 1,
+ maxZoom: 19,
+ maxBounds: false,
+ highAccuracy: false,
+ maxDisplayedFloatingButton: 5
+ }), |
defaultMapLocation.longitude : Longitude de la position par défaut sur la carte.defaultMapLocation.latitude : Latitude de la position par défaut sur la carte.mapType : ("mapbox" | "osm") : Le fond de carte qui sera utilisé, par défaut il s'agit d'Open Street Map.accessToken : En cas d'utilisation de Mapbox il faut un token d'accès, lié à un compte Mapbox.minZoom : Zoom minimum autorisé.maxZoom : Zoom maximum autorisé.maxBounds : Lorsque cette option est définie sur true, la carte restreint la vue aux limites géographiques données, faisant rebondir l'utilisateur lorsqu'il essaie de se déplacer en dehors de la vue.highAccuracy : Indique que l'application souhaite recevoir les meilleurs résultats possibles. Définie sur true et si l'appareil est capable de fournir une position plus précise, il le fera. Notez que cela peut entraîner des temps de réponse plus lents ou une consommation électrique accrue.maxDisplayedFloatingButton : Nombre maximum de campus affichés à l'écran sous forme de bouton flottant avant de passer sur l'affichage d'une liste
Backend
dev/user-backend-nest/microservices/map
Les POIs sont à présent chargés depuis le CMS, et non plus depuis le fichier statique statique map-data.json. En plus des POIs et de leur catégorie respective, les icônes sont gérées par le back, et la notion de campus a été ajoutée.
Vous pouvez supprimer ce le fichier map-data.json
De nouvelles variables sont à ajouter dans l'environnement du microservice :
...
- Mettez à jour l'extension WordPress Multi Wordpress Config (désactiver puis réactiver le plugin est nécessaire pour faire apparaitre les nouvelles collections)
- Dans Polylang (Langues > Réglages > Types de publication personnalisés et taxonomies), activer la traduction pour Points sur la carte (map_points) et Catégories de points (map_categories)
- Ajout des nouveaux hooks : un seul hook par action, sur la route
/cache/clear/map-points, mais en sélectionnant dans la config de WP Webhooks les 4 pods : Campus ; Catégorie de point ; Icône carte ; Point sur la carte. - Une nouvelle entrée est apparue dans le menu latéral : Cartes. Vous pouvez configurer les campus, les catégories de points, les icônes, et enfin créer les points.
...