Isoler une région à partir des tiles de OSM

Bonjour,

Je viens de découvrir OSM. Je ne débute pas en programmation, mais j’ai très peu de connaissances concernant les cartes. Pardonnez-moi si je n’utilise pas le bon vocabulaire.

Je cherche à créer une carte interactive qui sera hébergée sur un site web. Je compte utiliser Leaflet.js.
Je souhaiterais isoler une partie de la carte du monde de OSM (en fait quelques départements en France), qui serait entourée d’un fond gris (ou tout autre couleur). Quelque chose comme ça : http://bost.ocks.org/mike/leaflet/ , mais avec du détail à l’intérieur des polygones, comme dans la carte OSM de base.

Il faudrait que la partie visible de la carte ait un rendu qui réagisse au zoom (par exemple ne pas afficher toutes les villes quand le zoom est faible).

J’ai tenté deux options pour le moment :

  1. extraire les données d’OSM à partir de Geofrabrik (http://download.geofabrik.de/). J’arrive à les visualiser dans QGis, mais je ne sais pas effectuer un rendu “interactif” dans Leaflet.
  2. utiliser “imageoverlay” dans leaflet pour cacher le reste de la carte en dehors des départements. Ca pose des problèmes, d’abord parce que ça sent le hack pas très joli, ensuite parce que je ne sais pas créer un cache qui corresponde parfaitement aux frontière de la région qui m’intéresse, et enfin parce que ce qui est à la limite (par exemple le nom des villes qui s’affiche à cheval sur la frontière de la région.

Merci par avance pour vos conseils.