Utilisateur:Momo50/Extension Maps/Exemples de cartes Leaflet

Les cartes Leaflet peuvent être personnalisées à l'aide de divers paramètres.

Cette page répertorie des exemples. Pour un aperçu des paramètres disponibles et comment les utiliser, voir l'article Personnalisation des cartes Leaflet.

Marqueurs, polygones, lignes, etc.

Voir Affichage des cartes Leaflet

Couches

{{#display_map:
 |layers=OpenTopoMap,OpenStreetMap,GeoportailFrance
 |zoom=1
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":1,"defzoom":14,"layers":["OpenTopoMap","GeoportailFrance"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}

Remarque : Référentiel de code Maps †’ Liste des couches disponibles.

Superpositions

{{#display_map:Barfleur; Granville
 |overlaylayers=OpenSeaMap
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":["OpenSeaMap"],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.6706815,"lon":-1.2644272,"icon":""},{"text":"","title":"","link":"","lat":48.8376296,"lon":-1.5959177,"icon":""}],"imageoverlays":null}

Plein écran

{{#display_map:Valognes
 |fullscreen=yes
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":true,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.5089547,"lon":-1.4708174,"icon":""}],"imageoverlays":null}

Redimensionnable

{{#display_map:Nicorps
 |resizable=on
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":true,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.0260657,"lon":-1.4207741,"icon":""}],"imageoverlays":null}

Cliquez sur la cible

{{#display_map:Le Lorey
 |clicktarget=https://www.google.com/maps/@%lat%,%long%,8z
 |zoom=8
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":8,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"https://www.google.com/maps/@%lat%,%long%,8z","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.093535,"lon":-1.3065433,"icon":""}],"imageoverlays":null}

Calques d'images

{{#display_map:imagelayers=NewYorkSubway.jpg, NewYorkSubwaySmall.jpg}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["NewYorkSubway.jpg","NewYorkSubwaySmall.jpg"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}

{{#display_map:imagelayers=Plan_de_la_cathédrale_d'Avranches.JPG | geojson=Avranches }}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":3,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["Plan_de_la_cath\u00e9drale_d'Avranches.JPG"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"stroke":"#808080","stroke-width":3,"stroke-opacity":1,"fill":"#808080","fill-opacity":0.1,"nom":"Avranches","code":"50025","codesPostaux":["50300"],"surface":1101.96,"codeDepartement":"50","codeRegion":"28","population":10264,"departement":{"code":"50","nom":"Manche"},"region":{"code":"28","nom":"Normandie"}},"geometry":{"type":"Polygon","coordinates":[[[-1.372849,48.692819],[-1.372703,48.69302],[-1.372669,48.693135],[-1.372755,48.693612],[-1.37262,48.693963],[-1.372381,48.694281],[-1.372243,48.69438],[-1.372059,48.694425],[-1.371857,48.694426],[-1.371171,48.694386],[-1.370894,48.694395],[-1.37063,48.694488],[-1.370436,48.694667],[-1.370306,48.694755],[-1.37012,48.694802],[-1.369737,48.694817],[-1.369132,48.694663],[-1.368951,48.69458],[-1.368611,48.694336],[-1.367774,48.6937],[-1.367424,48.693569],[-1.367261,48.69354],[-1.366081,48.693498],[-1.36579,48.693467],[-1.365244,48.693369],[-1.36466,48.69333],[-1.364186,48.693386],[-1.364014,48.69343],[-1.363542,48.693676],[-1.363145,48.693746],[-1.362688,48.693757],[-1.362349,48.693664],[-1.36224,48.693585],[-1.362073,48.693346],[-1.361953,48.693113],[-1.361788,48.692963],[-1.361586,48.692943],[-1.361317,48.692976],[-1.361125,48.693084],[-1.3611,48.693201],[-1.361086,48.693751],[-1.360893,48.694401],[-1.360623,48.694904],[-1.360585,48.695077],[-1.360618,48.695274],[-1.360687,48.695373],[-1.360882,48.69542],[-1.361409,48.695498],[-1.361519,48.695586],[-1.361556,48.695745],[-1.36141,48.695948],[-1.361199,48.696163],[-1.361082,48.696351],[-1.360947,48.696902],[-1.360832,48.697022],[-1.360555,48.697084],[-1.360127,48.696994],[-1.359976,48.696924],[-1.359872,48.696761],[-1.359933,48.696645],[-1.360401,48.696247],[-1.360424,48.696118],[-1.36034,48.696009],[-1.360019,48.695824],[-1.359787,48.6958],[-1.358994,48.695857],[-1.35829,48.695982],[-1.358019,48.69608],[-1.35709,48.696575],[-1.356728,48.696819],[-1.356236,48.697039],[-1.355784,48.697167],[-1.355647,48.697234],[-1.355321,48.697475],[-1.35532,48.69765],[-1.355442,48.697715],[-1.355911,48.697746],[-1.356277,48.697742],[-1.356482,48.697831],[-1.356541,48.697908],[-1.356276,48.69817],[-1.356016,48.69836],[-1.355824,48.69869],[-1.35567,48.69886],[-1.355533,48.698947],[-1.355076,48.699056],[-1.353678,48.699237],[-1.35321,48.69939],[-1.352524,48.699803],[-1.352114,48.699895],[-1.351495,48.699928],[-1.351181,48.700049],[-1.350944,48.700355],[-1.350781,48.700452],[-1.350549,48.700463],[-1.349936,48.700357],[-1.349667,48.700212],[-1.34941,48.700306],[-1.348632,48.70003],[-1.348647,48.700448],[-1.348687,48.700936],[-1.348445,48.701016],[-1.34726,48.701115],[-1.347032,48.701212],[-1.346101,48.701828],[-1.346112,48.701652],[-1.345609,48.701673],[-1.345537,48.701188],[-1.345087,48.70143],[-1.344404,48.701192],[-1.343587,48.700939],[-1.343226,48.7008],[-1.342984,48.700757],[-1.342788,48.700648],[-1.342204,48.700417],[-1.342231,48.700392],[-1.341768,48.700196],[-1.341457,48.700016],[-1.340984,48.700317],[-1.340704,48.700392],[-1.340343,48.699672],[-1.340254,48.699403],[-1.340333,48.699222],[-1.340422,48.699204],[-1.340698,48.698978],[-1.340877,48.698789],[-1.341054,48.698549],[-1.341306,48.698325],[-1.340978,48.698095],[-1.340817,48.698088],[-1.340628,48.697877],[-1.340214,48.697544],[-1.33979,48.697124],[-1.339758,48.696719],[-1.339631,48.696728],[-1.339435,48.696632],[-1.33914,48.696361],[-1.339027,48.696294],[-1.338885,48.696299],[-1.338312,48.696494],[-1.337633,48.696632],[-1.33756,48.696679],[-1.337407,48.696922],[-1.337321,48.696996],[-1.337116,48.697023],[-1.336877,48.696963],[-1.336793,48.69689],[-1.336756,48.696675],[-1.336669,48.696493],[-1.336171,48.696281],[-1.336375,48.695916],[-1.336456,48.695633],[-1.336458,48.695425],[-1.336414,48.695104],[-1.336722,48.694937],[-1.338133,48.695021],[-1.338363,48.694687],[-1.338693,48.694726],[-1.338857,48.694788],[-1.339055,48.694562],[-1.339304,48.694187],[-1.339451,48.693767],[-1.339504,48.6935],[-1.339469,48.69321],[-1.339777,48.693104],[-1.340206,48.693012],[-1.340534,48.692995],[-1.341193,48.692923],[-1.341221,48.692878],[-1.341743,48.692892],[-1.342367,48.692885],[-1.343095,48.692762],[-1.343874,48.692649],[-1.344098,48.692573],[-1.344265,48.692457],[-1.344496,48.692235],[-1.344886,48.691974],[-1.345098,48.691804],[-1.345391,48.691633],[-1.345973,48.691393],[-1.346077,48.691254],[-1.346231,48.691166],[-1.346702,48.690968],[-1.347076,48.690871],[-1.347639,48.690916],[-1.348495,48.690917],[-1.348966,48.690971],[-1.349785,48.691123],[-1.350204,48.691187],[-1.350954,48.691168],[-1.351723,48.691003],[-1.352713,48.690731],[-1.353002,48.690157],[-1.353046,48.689836],[-1.353013,48.689694],[-1.352819,48.689479],[-1.352371,48.68954],[-1.352167,48.689469],[-1.352133,48.689307],[-1.352009,48.689075],[-1.35189,48.688941],[-1.351766,48.688707],[-1.351336,48.688287],[-1.351162,48.688055],[-1.350793,48.687641],[-1.350717,48.687456],[-1.350557,48.687267],[-1.350404,48.68716],[-1.350218,48.68675],[-1.349876,48.686378],[-1.349629,48.685674],[-1.34949,48.685693],[-1.349077,48.685236],[-1.34908,48.68518],[-1.348729,48.68497],[-1.34837,48.684836],[-1.34804,48.684663],[-1.347754,48.684683],[-1.347686,48.684634],[-1.347131,48.684431],[-1.34654,48.684425],[-1.346425,48.684404],[-1.346095,48.684427],[-1.345927,48.68448],[-1.345702,48.684391],[-1.345338,48.68434],[-1.344865,48.6841],[-1.344833,48.684011],[-1.34429,48.683562],[-1.344255,48.683485],[-1.343996,48.683285],[-1.343656,48.683099],[-1.343565,48.682898],[-1.343316,48.682775],[-1.34305,48.682469],[-1.343027,48.682392],[-1.342656,48.682221],[-1.342231,48.681972],[-1.342154,48.681893],[-1.341218,48.681314],[-1.340442,48.680807],[-1.339609,48.681039],[-1.339583,48.680698],[-1.339976,48.679876],[-1.340148,48.679342],[-1.340844,48.679317],[-1.341016,48.679179],[-1.341437,48.678597],[-1.344698,48.679521],[-1.345144,48.679064],[-1.345825,48.679114],[-1.346007,48.679085],[-1.347504,48.678795],[-1.34767,48.67865],[-1.347965,48.678111],[-1.349869,48.678281],[-1.349811,48.678012],[-1.349983,48.677945],[-1.350122,48.677987],[-1.350155,48.677956],[-1.351957,48.677803],[-1.35208,48.677878],[-1.352638,48.677817],[-1.352955,48.677839],[-1.353276,48.677899],[-1.353545,48.678009],[-1.353845,48.678168],[-1.35429,48.678363],[-1.354778,48.67854],[-1.355068,48.678607],[-1.355792,48.678558],[-1.355728,48.678055],[-1.355781,48.678026],[-1.355738,48.677817],[-1.355883,48.677796],[-1.355915,48.677743],[-1.355894,48.677623],[-1.355685,48.677623],[-1.355604,48.677371],[-1.35554,48.67736],[-1.355374,48.676691],[-1.354993,48.675147],[-1.355499,48.675167],[-1.356169,48.675583],[-1.356474,48.675279],[-1.356757,48.674938],[-1.35696,48.674725],[-1.357025,48.674723],[-1.358258,48.675384],[-1.361281,48.677098],[-1.361396,48.677169],[-1.361343,48.677418],[-1.361386,48.678177],[-1.361471,48.678639],[-1.36254,48.678759],[-1.362963,48.678845],[-1.363347,48.678988],[-1.363506,48.678997],[-1.363682,48.679376],[-1.363788,48.679345],[-1.363817,48.67965],[-1.36388,48.679914],[-1.364081,48.680172],[-1.364335,48.680306],[-1.364725,48.68055],[-1.364877,48.680672],[-1.365072,48.680905],[-1.365276,48.680975],[-1.365573,48.681186],[-1.366179,48.681446],[-1.366635,48.681543],[-1.367057,48.681547],[-1.36719,48.681519],[-1.367487,48.681333],[-1.368073,48.681119],[-1.368289,48.681099],[-1.368701,48.681262],[-1.368869,48.681361],[-1.369066,48.68159],[-1.369351,48.681773],[-1.369549,48.681767],[-1.369707,48.681818],[-1.371089,48.681839],[-1.37136,48.681892],[-1.371888,48.681903],[-1.372193,48.681926],[-1.372287,48.681979],[-1.372716,48.681979],[-1.372874,48.681784],[-1.373131,48.681701],[-1.373368,48.681934],[-1.373623,48.682287],[-1.374016,48.682243],[-1.374772,48.682193],[-1.375221,48.682178],[-1.376381,48.682181],[-1.376337,48.682676],[-1.376196,48.683441],[-1.376104,48.683848],[-1.376034,48.683944],[-1.376016,48.684198],[-1.375943,48.684632],[-1.375763,48.685384],[-1.375822,48.68539],[-1.376239,48.685273],[-1.376457,48.685074],[-1.376749,48.685237],[-1.376715,48.685315],[-1.37654,48.6854],[-1.376117,48.685702],[-1.375919,48.686018],[-1.375448,48.68698],[-1.375193,48.687308],[-1.374857,48.687608],[-1.374671,48.687914],[-1.374639,48.688064],[-1.374725,48.68821],[-1.375011,48.68848],[-1.375133,48.688655],[-1.375261,48.689058],[-1.375359,48.689282],[-1.375592,48.689674],[-1.375911,48.690046],[-1.376303,48.690364],[-1.376677,48.690584],[-1.376823,48.69075],[-1.376676,48.690815],[-1.376222,48.690909],[-1.375688,48.690971],[-1.37499,48.69102],[-1.374594,48.691121],[-1.374239,48.691258],[-1.373952,48.691444],[-1.373515,48.691867],[-1.373345,48.692082],[-1.372925,48.692473],[-1.372717,48.692697],[-1.372849,48.692819]]]}}]},"clicktarget":"","GeoJsonSource":"Avranches","GeoJsonRevisionId":532613,"imageLayers":[{"name":"Plan_de_la_cath\u00e9drale_d'Avranches.JPG","url":"https://upload.wikimedia.org/wikipedia/commons/7/74/Plan_de_la_cath%C3%A9drale_d%27Avranches.JPG","width":100,"height":146.76579925650557}],"locations":[],"imageoverlays":null}

Copier les coordonnées

Faites un clic droit sur un marqueur pour copier ses coordonnées (Ctrl+C).

{{#display_map:Périers; Lessay
 | copycoords=yes
 | zoom=11
}}

Chargement de la carte...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":true,"static":false,"zoom":11,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":false,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":49.1870906,"lon":-1.4100219,"icon":""},{"text":"","title":"","link":"","lat":49.213284900000005,"lon":-1.5202954237981134,"icon":""}],"imageoverlays":null}

Source

• Cet article est une traduction de la page Leaflet Maps examples (en)