Mise à jour de l’application Piétons-ville de Québec

L’application Piétons-ville de Québec a été mise à jour afin de s’adapter à la dernière version de l’API de Google Maps. En effet, la nouvelle mouture de l’API causait certains problèmes avec cette application.

J’en ai profité pour appliquer un certain « relooking » à l’application qui devrait améliorer sa convivialité. Du moins, c’était le but recherché. Voici la liste des modifications apportées :

  • Le principal problème relié à la nouvelle version de l’API a été résolu en déclenchant le chargement du datalayer avec un événement tilesloaded de l’objet map. Ce faisant, la fenêtre de type infoWindow s’affiche une fois le chargement complété et non pas sous forme d’une fenêtre vide durant le chargement de la couche ;
  • L’application conserve désormais dans un cookie, les coordonnées du centre de la carte, du niveau de zoom en usage et des type d’infrastructures affichées pour les réutiliser lors d’une session ultérieure avec l’application ;
  • Il est maintenant possible de sélectionner des segments en dessinant un rectangle sur la carte. L’option est activée avec un clic droit de la souris ;
  • Un rappel visuel du mode d’utilisation de la souris pour sélectionner et désélectionner des segments a été ajouté à l’interface ;
  • Un message d’avertissement est affiché lors du chargement initial de la couche des infrastructures piétonnes ;
  • Un message de confirmation a été ajouté lors de la sauvegarde sous la forme d’un fichier KML des segments sélectionnés.

En cas de problème, consultez la note sur la mise à jour des applications web.

L’API de Google Maps change de « look »

La dernière version de l’API de google Maps (3.32) est disponible en version expérimentale. Celle-ci change légèrement l’aspect des applications de GeoPraTIC qui sont toutes réalisées avec l’API de google Maps.

Ainsi, la carte de base affichée dans les applications se rapproche beaucoup plus de la carte affichée dans une page Google Maps standard. Elle utilise les mêmes icônes et les mêmes codes de couleurs pour les différentes catégories de points d’intérêt présents sur la carte.

Quelques changements sont également perceptibles au niveau du rendu de l’application notamment à l’affichage des fenêtres d’information lors des changements d’échelles.

Parmi toutes les applications de GeoPraTIC, seule Pietons – ville de Québec comporte quelques problèmes mineurs et a été temporairement rétrogradée à la version 3.31 de l’API.

Plus d’info sur le nouvel API à cette adresse : https://maps-apis.googleblog.com/2018/02/updated-basemap-style-for-google-maps.html

SIFORT sur Google Maps

Cette nouvelle application en est une de nature expérimentale. L’idée m’est venue de représenter les données du système d’information forestière par tesselle (SIFORT) du Ministère des Forêts, de la Faune et des Parcs (MFFP) sur une carte Google Maps.

Après avoir téléchargé la géodatabase (GBD) de SIFORT (4e prog, dernière version) j’en ai extrait un sous-ensemble correspondant au territoire de la ZEC de la Rivière-Blanche pour laquelle j’avais les limites territoriales. 5 015 tesselles de 15″ x 15″ ont été retenues par la requête spatiale pour une superficie totale de 73 114 ha.

Pour pouvoir utiliser la couche géométrique avec Google Maps celle-ci a été sauvegardée au format geojson. Il en est résulté un fichier de près de 4 Mo. Toute cette partie de l’opération a été réalisée avec le logiciel libre QGIS.

Sur Google Maps, la taille du fichier geojson réduit considérablement le temps réponse. Aux fins de l’exercice, 4 niveaux de zoom ont été retenus. Il faut savoir qu’à chaque changement d’échelle, le programme doit redessiner les rectangles représentant les tesselles. Ceci est possible parce que Google Maps permet de représenter les entités sous forme d’un chemin svg (svg path). Ainsi, il est possible de représenter les tesselles à l’échelle réelle sous la forme d’un rectangle et de les ajuster à chaque changement d’échelle.

Pour compléter l’application, j’ai ajouté quelques listes déroulantes qui permettent de filtrer les tesselles affichées. L’affichage d’un nombre restreint de tesselles augmente le temps réponse de l’application.

Cliquez sur l’image ci-dessous pour en faire l’essai.