Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html>
<html lang="fr">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
        <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
        <style>
		html, body { height: 100%; margin: 0}
		#carte {width: 1200px; height: 740px; margin: auto	}
		h1 { font-size:1.2rem; text-align:center}
		p  { font-size:.8rem; font-style:italic; text-align:justify}
		.adresses { font-size:.7rem }
		.adresses img { float:left  }
	</style>
    <title>Emi.re. Exercice | géolocaliser des points sur une carte</title>
    </head>
<body>

<div id="carte"></div>

<script>
	var cities = L.layerGroup();

    L.marker([48.874157,2.323608]).bindPopup('<h1>CHAPELLE EXPIATOIRE</h1><p>Née en 1815 de la volonté de Louis XVIII, conçue par l\’architecte Pierre-François-Léonard Fontaine, la Chapelle expiatoire s\’élève à l\’emplacement du cimetière où, en 1793, furent inhumés Louis XVI et Marie-Antoinette après avoir été guillotinés sur l\’actuelle place de la Concorde<div class="adresses"><img src="img/adresse.gif" alt="" /> 29, rue Pasquier 75008 Paris<br /><img src="img/metro.gif" alt="" /> Lignes 3, 12 et 13, station Saint-Lazare, 3 et 13, station Saint-Augustin, 3 et 9, station Havre-Caumartin, 8, 12 et 14, station Madeleine<br /><img src="img/bus.gif" alt="" /> Lignes 32, 43,49, 84 et 94<br /><img src="img/lien.gif" alt="" /><a href="http://chapelle-expiatoire.monuments-nationaux.fr/" target="_blank"> http://chapelle-expiatoire.monuments-nationaux.fr/<br /></a>Visite en langue des signes. Renseignements et réservations : Centre des monuments nationaux <br />Jean-Paul Perbost (jean-paul.perbost@monum.fr)</div>').addTo(cities),        
    L.marker([48.863247,2.337148]).bindPopup('<h1>JARDIN DU PALAIS ROYAL</h1><p>Après l\’abattement de l\’enceinte de Charles V, le cardinal de Richelieu demanda à Jacques Lemercier, son architecte attitré, d\’édifier à proximité du Louvre un palais monumental doté d\’un grand jardin (1634). Celui-ci fut longtemps appelé le Palais Cardinal, avant de prendre le nom qui est demeuré le sien : le Palais Royal. Aujourd\’hui, le site reçoit régulièrement des manifestations culturelles et connaît une véritable renaissance commerciale avec l\’installation de nombreux créateurs.<br /><img src="img/adresse.gif" alt="" /> 6 rue de Montpensier 75001 Paris<br /><img src="img/metro.gif" alt="" /> Lignes 1, 7 et 14<br /><img src="img/bus.gif" alt="" /> Lignes 21, 27, 39, 48, 69, 72, 81, 95 et Balabus<br /><img src="img/lien.gif" alt="" /><a href="http://palais-royal.monuments-nationaux.fr/" target="_blank"> http://palais-royal.monuments-nationaux.fr/</a><br /><p><img src="img/heure.gif" alt="" />Ouvert du :<br />1er octobre - 31 mars : 7H30 - 20H30<br />1er avril - 31 mai : 7H00 - 22H15<br />1er juin - 31 août : 7H00 - 23H00<br />1er septembre - 30 septembre : 7H00 - 21H30<br /></div>').addTo(cities),
    L.marker([48.861500,2.289800]).bindPopup('<h1>CITE DE L\’ARCHITECTURE ET DU PATRIMOINE</h1><p>Le musée des Monuments français propose à travers ses trois galeries un panorama de l’architecture et du patrimoine du Moyen Âge à nos jours : la galerie des moulages présente l’architecture civile et religieuse du XIIe au XVIIIe siècle, la galerie d’architecture moderne et contemporaine se consacre aux développements survenus depuis la révolution industrielle, la galerie des peintures murales et des vitraux, enfin, expose des relevés de fresques du XIe au XVIe siècle.<br /><img src="img/adresse.gif" alt="" /> Palais de Chaillot 1, place du Trocadéro-et-du-11-Novembre 75016 Paris<br /><img src="img/metro.gif" alt="" /> Trocadéro (ligne 4)<br /><img src="img/bus.gif" alt="" /> Ligne 22, 30, 32, 63, 72, 82 <br /><img src="img/lien.gif" alt="" /><a href="http://www.citechaillot.fr/" target="_blank"> http://www.citechaillot.fr/<br /></a> <img src="img/batobus.gif" alt="" /><a href="http://www.batobus.com/" target="_blank"> Tour Eiffel</a><br /><img src="img/velib.gif" alt="" /><a href="http://www.velib.paris.fr/trouver_une_station?recherche=mus%C3%A9e+Chaillot&rechercher.x=0&rechercher.y=0" target="_blank"> Velib<br /></a><br /><p><img src="img/heure.gif" alt="" />Ouvert du lundi au vendredi : 11 h 00 à 18 h 00<br />Dimanche : 10 h 00 à 18 h 00<br />Fermeture des caisses à 17 h 15<br />Pendant les expositions temporaires, nocturne le mercredi jusqu\’à 21h<br />Fermeture des caisses à 20 h 15<br />Fermé le samedi<br /><img src="img/lien.gif" alt="" /><a href="http://www.mahj.org/fr/documents/doc/Visites_publicHandicape.pdf" target="_blank"> Brochure accès handicapés<br /></a> /div>').addTo(cities),
    L.marker([48.863656,2.32721312]).bindPopup('<h1>MUSEE DE L\’ORANGERIE</h1><p><div class="adresses"><img src="img/adresse.gif" alt="" /> Jardin des Tuileries 75001 Paris<br /><img src="img/metro.gif" alt="" /> 1, 8, 12 station Concorde<br /><img src="img/bus.gif" alt="" /> Lignes 24, 42, 52, 72, 73, 84, 94 arrêt Concorde<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-orangerie.fr/" target="_blank"> http://www.musee-orangerie.fr/</a><br /><br /><p>Présentation, Comme son nom l’indique, le musée de l’Orangerie est installé dans une ancienne orangerie, édifiée en 1852 par l’architecte Firmin Bourgeois et achevée par son successeur, Ludovico Visconti pour y abriter les orangers du jardin des Tuileries. Longue boite de pierre, vitrée au sud (côté Seine aveugle au nord (côté jardin l’édifice a reçu un décor sobre -comme il convient à un bâtiment utilitaire- mais conforme au répertoire architectural classique -pour l’accorder au voisinage de la place de la Concorde et du palais des Tuileries (aujourd’hui détruit).<br /><p><img src="img/heure.gif" alt="" />Ouvert tous les jours, sauf le mardi, le 1er mai et le 25 décembre de 9h à 18h (évacuation à 17h45)<br />Le musée est accessible aux personnes en fauteuil roulant ; des fauteuils roulants peuvent être prêtés. Des visites de personnes handicapées en groupe peuvent être organisées sur demande.<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-orangerie.fr/homes/home_id24795_u1l2.htm" target="_blank"> Plan du site<br /></a> </div>').addTo(cities),
    L.marker([48.860367,2.32432727]).bindPopup('<h1>MUSEE DE LA LEGION D\’HONNEUR ET DES ORDRES DE LA CHEVALERIE</h1><p>Le musée invite à un voyage insolite dans le temps et l’espace à travers les décorations du monde entier. Leur magie devient transparente aux yeux du visiteur grâce à un parcours de vitrines entièrement rénovées, ponctué d’animations vidéos racontant les actes des personnages illustres, et largement expliqué par un audioguide d’une très grande richesse. En annexe des espaces d’expositions, un centre de ressources interactif offre à chacun la possibilité de consulter plus de 300 portraits d’hommes et de femmes remarquables décorés des grands ordres nationaux.<br /><br /><div class="adresses"><img src="img/adresse.gif" alt="" /> Hôtel de Salm 2 rue de la Légion-d\’Honneur 75007 Paris<br /><img src="img/metro.gif" alt="" /> Station Métro Solférino<br /><img src="img/rer.gif" alt="" /> Station Musée d’Orsay (RER ligne C)<br /><img src="img/bus.gif" alt="" /> Lignes 63,68, 69, 73, 83, 84, 94<br /><img src="img/velib.gif" alt="" /><a href="http://www.velib.paris.fr/trouver_une_station?recherche=mus%C3%A9e+legion-d\’honneur&rechercher.x=0&rechercher.y=0" target="_blank"> Velib<br /></a><br /><p><img src="img/heure.gif" alt="" />Ouvert du mercredi au dimanche de 13h à 18h, mardi réservé aux groupes sur réservation. Fermé les lundis, 1er janvier, 1er mai, 15 août, 1er novembre et 25 décembre.<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-legiondhonneur.fr" target="_blank"> http://www.musee-legiondhonneur.fr</a><br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-legiondhonneur.fr/00_koama/visu_lh/index.asp?sid=320#" target="_blank"> Visite virtuelle</a></div>').addTo(cities),
    L.marker([48.858500,2.31200028]).bindPopup('<h1>MUSEE DES PLANS ET RELIEFS</h1><p>La fabrication de plans-reliefs maquettes de villes fortifiées à vocation stratégique est née d\’une initiative de Louvois, le ministre de Louis XIV qui donna naissance en 1668 à une collection qui ne cessa de s\’enrichir durant plus de deux siècles. Les ingénieurs du roi réalisèrent alors des plans-reliefs des places françaises situées aux frontières du royaume, mais aussi des villes étrangères prises à l\’ennemi. La collection est aujourd\’hui conservée par le musée des plans-reliefs, créé 1943, qui présente une centaine de maquettes de villes françaises et étrangères.<br /><br /><div class="adresses"><img src="img/adresse.gif" alt="" /> Hôtel des Invalides (côté Esplanade des Invalides) - 75007 Paris<br /><img src="img/metro.gif" alt="" /> Station Invalides (lignes 8 La Tour Maubourg (ligne 13)<br /><img src="img/rer.gif" alt="" /> Station Invalides (RER ligne C)<br /><img src="img/velib.gif" alt="" /><a href="http://www.velib.paris.fr/trouver_une_station?recherche=mus%C3%A9e+plan+relief&rechercher.x=0&rechercher.y=0" target="_blank"> Velib<br /></a><br /><p><img src="img/heure.gif" alt="" />Ouvert tous les jours sauf le premier lundi de chaque mois, le 1er janvier, le 1er mai, le 1er novembre et le 25 décembre. Horaires : 10h-17h du 1er octobre au 31 mars - 10h-18h du 1er avril au 30 septembre.<br /><img src="img/lien.gif" alt="" /><a href="http://plans-reliefs.monuments-nationaux.fr" target="_blank"> http://plans-reliefs.monuments-nationaux.fr</a><br /><img src="img/handicap.gif" alt="" /><a href="http://handicap.monuments-nationaux.fr/" target="_blank"> Accès handicapés</a></div>').addTo(cities), 
    L.marker([48.842647,2.43516752]).bindPopup('<h1>CHATEAU DE VINCENNES</h1><p>Le château de Vincennes constitue un remarquable ensemble architectural dont la construction s\’étale du 14e siècle au 19e siècle. Attirés par sa forêt giboyeuse, les rois de France y possédèrent dès le 12e siècle un pavillon de chasse, auquel succéda, sous le règne de Philippe Auguste, un manoir de pierre. Restauré après les graves dommages subis au cours de la Seconde Guerre mondiale, le château de Vincennes est désormais ouvert au public. Il abrite notamment les Services historiques des trois Armées.<br /><br /><p><img src="img/adresse.gif" alt="" /> Avenue de Paris 94300 Vincennes<br /><img src="img/heure.gif" alt="" />Ouvert tous les jours. 1er avril au 30 septembre, 10h-18h. 1er octobre au 31 mars, 10h-17h. Dernier accès 45 mn avant la fermeture<br /><img src="img/lien.gif" alt="" /><a href="http://vincennes.monuments-nationaux.fr/" target="_blank"> http://vincennes.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([48.402347,2.69676853]).bindPopup('<h1>MUSEE DU CHATEAU DE FONTAINEBLEAU</h1><p>Justifiant le titre de "maison des siècles, vraie demeure des rois", que lui avait décerné Napoléon Ier, le château de Fontainebleau offre le souvenir de plus de 700 ans de présence des souverains de France, de l’intronisation de Louis VII en 1137 à la chute du Second Empire en 1870.<br /><br /><p><img src="img/adresse.gif" alt="" /> 77300 Fontainebleau<br /><img src="img/heure.gif" alt="" />Le Château est ouvert tous les jours, sauf les mardis, le 1er janvier, le 1er mai et le 25 décembre, de 9h30 à 17h d\’octobre à mars et à 18h d\’avril à septembre. La vente des billets et l\’accès au château s\’arrête 45 minutes avant la fermeture.<br />Les Jardins sont ouverts tous les jours de 9h à 17h de novembre à février ; à 18h en mars, avril et octobre et à 19h de mai à septembre.<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-chateau-fontainebleau.fr/" target="_blank"> http://www.musee-chateau-fontainebleau.fr/</a></div>').addTo(cities), 
    L.marker([48.947252,2.43613254]).bindPopup('<h1>MUSEE DE L\’AIR ET DE L\’ESPACE</h1><p>Le Musée de l\’Air et de l\’Espace a deux missions principales<br />- La première, inscrite dans ses statuts, est d\’assurer la conservation et l\’enrichissement des collections de l\’Etat, ainsi que la présentation au public du patrimoine historique et culturel national dans le domaine de l\’aéronautique et de l\’espace.<br />- La seconde, liée à son implantation actuelle, est de conserver la mémoire du site du Bourget. C\’est en effet, sur ce terrain d\’aviation créé en 1915 pour les besoins de la guerre, que les compagnies aériennes lanceront, dès 1919, les premières liaisons vers Bruxelles et Londres.<br /><br /><p><img src="img/adresse.gif" alt="" /> Aéroport de Paris 93352 Le-Bourget Cedex<br /><img src="img/heure.gif" alt="" />Le Musée est ouvert tous les jours sauf les lundis, le 25 décembre et le 1er janvier : de 10h00 à 18h00, du 1er avril au 30 septembre et de 10h00 à 17h00, du 1er octobre au 31 mars. <br /><img src="img/lien.gif" alt="" /><a href="http://www.mae.org/" target="_blank"> http://www.mae.org/</a><br /><br /></div>').addTo(cities),
    L.marker([48.6454,1.81750856]).bindPopup('<h1>CHAUMIERE AUX COQUILLAGES ET LAITERIE DE LA REINE DU CHATEAU DE RAMBOUILLET</h1><p>Dans le jardin anglais du parc du château, deux exemples du goût rousseauiste pour la nature à la fin du 18e siècle. Le duc de Penthièvre qui le fit aménager en 1772, l\’agrémenta de deux fabriques : " L\’ermitage " et " la chaumière des coquillages ". Seule cette dernière, au décor intérieur composé de coquillages, de marbre et de nacre, se visite. La laiterie d\’utilité - lieu de fabrication du fromage - et la laiterie de propreté - lieu de dégustation -, furent construites pour la reine Marie-Antoinette en style néo-classique. Cet ensemble illustre l\’idéal du retour à la nature du 18e siècle. La visite peut être complétée par celle du château.<br /><br /><p><img src="img/heure.gif" alt="" />Ouvert tous les jours sauf le mardi. 1er avril au 30 septembre, 10h à 11h40 et 14h à 17h30. 1er octobre au 31 mars, 10h à 11h40 et 14h à 16h30<br /><img src="img/adresse.gif" alt="" /> Parc du château 78120 Rambouillet<br /><img src="img/lien.gif" alt="" /><a href="http://chaumiere-laiterie-rambouillet.monuments-nationaux.fr/" target="_blank"> http://chaumiere-laiterie-rambouillet.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([48.645386,1.817458]).bindPopup('<h1>CHATEAU DE RAMBOUILLET</h1><p>Le château de Rambouillet est situé au coeur d\’un ensemble de plus de 20 000 hectares de bois, survivance de l\’ancienne forêt de l\’Yveline. Le château avait à l\’origine une vocation militaire, et il a gardé intacts son contour bastionné et son donjon du 14e siècle, malgré les nombreux remaniements dus à ses propriétaires successifs. Agrémenté d\’un parc parcouru de canaux et de pièces d\’eau, ce domaine de chasse proche de Paris séduisit de nombreux souverains. Le château de Rambouillet a conservé jusqu\’à nos jours sa fonction de résidence officielle.<br /><br /><p><img src="img/heure.gif" alt="" />Ouvert tous les jours sauf le mardi. 1er avril au 30 septembre, 10h à 11h40 et 14h à 17h301er octobre au 31 mars, 10h à 11h40 et 14h à 16h30<br /><img src="img/adresse.gif" alt="" /> 78120 Rambouillet<br /><img src="img/lien.gif" alt="" /><a href="http://chateau-rambouillet.monuments-nationaux.fr/" target="_blank"> http://chateau-rambouillet.monuments-nationaux.fr/</a></div>').addTo(cities), 
    L.marker([47.448551,1.34273572]).bindPopup('<h1>CHATEAU DE FOUGERES-SUR-BIEVRES</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 41120 Fougères-sur-Bièvre<br /><img src="img/lien.gif" alt="" /><a href="http://fougeres-sur-bievre.monuments-nationaux.fr/" target="_blank"> http://fougeres-sur-bievre.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([48.447657,1.48778979]).bindPopup('<h1>TOUR ET ET TRESORS DE LA CATHEDRALE DE CHARTRES</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Cloître Notre-Dame 28000 Chartres<br /><img src="img/lien.gif" alt="" /><a href="http://cathedrale-chartres.monuments-nationaux.fr/" target="_blank"> http://cathedrale-chartres.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([47.469805,-0.55929481]).bindPopup('<h1>CHATEAU D\’ANGERS</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 49100 Angers<br /><img src="img/lien.gif" alt="" /><a href="http://angers.monuments-nationaux.fr/" target="_blank"> http://angers.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([48.381794,-4.49473987]).bindPopup('<h1>MUSEE NATIONAL DE LA MARINE DE BREST</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Château de Brest 29200 Brest<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-marine.fr/site/fr/histoire_chateau_brest " target="_blank"> http://www.musee-marine.fr/site/fr/histoire_chateau_brest</a></div>').addTo(cities),
    L.marker([47.573775,-2.95742589]).bindPopup('<h1>SITE DES MEGALITHES</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Route de Kerlogonan 56740 Locmariaquer<br /><img src="img/lien.gif" alt="" /><a href="http://locmariaquer.monuments-nationaux.fr" target="_blank"> http://locmariaquer.monuments-nationaux.fr</a></div>').addTo(cities),
    L.marker([49.441873,1.1016893]).bindPopup('<h1>MUSEE NATIONAL DE l\’EDUCATION</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Maison des Quatre-Fils-Aymon – 85 rue Eau-de-Robec 76000 Rouen<br /><img src="img/lien.gif" alt="" /><a href="http://www.inrp.fr/musee/" target="_blank"> http://www.inrp.fr/musee/</a></div>').addTo(cities),
    L.marker([46.155875,-1.152813113]).bindPopup('<h1>TOUR SAINT-NICOLAS VIEUX-PORT</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> rue de l’Armide 17000 La Rochelle<br /><img src="img/lien.gif" alt="" /><a href="http://la-rochelle.monuments-nationaux.fr/fr/" target="_blank"> http://la-rochelle.monuments-nationaux.fr/fr/</a></div>').addTo(cities),
    L.marker([46.258443,6.104364119]).bindPopup('<h1>CHATEAU DE VOLTAIRE</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Allée du Château F - 01210 Ferney-Voltaire<br /><img src="img/lien.gif" alt="" /><a href="http://voltaire.monuments-nationaux.fr/ " target="_blank"> http://voltaire.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([43.28008,5.325665122]).bindPopup('<h1>CHATEAU D\’IF</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Embarcadère Frioul-If-Express 1, quai de la Fraternité 13001 Marseille<br /><img src="img/lien.gif" alt="" /><a href="http://www.if.monuments-nationaux.fr/" target="_blank"> http://www.if.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([44.669599,6.625314124]).bindPopup('<h1>PLACE FORTE DU MONT-DAUPHIN</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 05600 Mont-Dauphin<br /><img src="img/lien.gif" alt="" /><a href="http://www.mont-dauphin.monuments-nationaux.fr/" target="_blank"> http://www.mont-dauphin.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([43.78795,4.806175125]).bindPopup('<h1>SITE ARCHEOLOGIQUE DE GLANUM</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Route des Baux-de-Provence 13210 Saint-Rémy-de-Provence<br /><img src="img/lien.gif" alt="" /><a href="http://www.glanum.monuments-nationaux.fr/" target="_blank"> http://www.glanum.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([43.45591,6.306839126]).bindPopup('<h1>ABBAYE DE THORONET</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 83340 Le Thoronet<br /><img src="img/lien.gif" alt="" /><a href="http://thoronet.monuments-nationaux.fr/" target="_blank"> http://thoronet.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([43.746127,7.401845135]).bindPopup('<h1>TROPHEE D\’AUGUSTE DE LA TURBIE</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Avenue Albert 1er 06320 La Turbie<br /><img src="img/lien.gif" alt="" /><a href="http://la-turbie.monuments-nationaux.fr/" target="_blank"> http://la-turbie.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([41.918054,8.737993135]).bindPopup('<h1>MUSEE DE LA MAISON DE BONAPARTE</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Rue Saint-Charles 20000 Ajaccio<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-maisonbonaparte.fr/" target="_blank"> http://www.musee-maisonbonaparte.fr/</a></div>').addTo(cities),
    L.marker([43.207162,2.364292136]).bindPopup('<h1>CHATEAU COMTAL DE LA CITE DE CARCASSONNE</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 1, rue Viollet-le-Duc 11000 Carcassonne<br /><img src="img/lien.gif" alt="" /><a href="http://carcassonne.monuments-nationaux.fr/" target="_blank"> http://carcassonne.monuments-nationaux.fr/ </a></div>').addTo(cities),
    L.marker([43.575914,4.191971140]).bindPopup('<h1>TOURS ET REMPARTS LOGIS DU GOUVERNEUR D\’AIGUES-MORTES</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 30220 Aigues-Mortes<br /><img src="img/lien.gif" alt="" /><a href="http://aigues-mortes.monuments-nationaux.fr/" target="_blank"> http://aigues-mortes.monuments-nationaux.fr/</a></div>').addTo(cities),
    L.marker([44.936309,1.013424151]).bindPopup('<h1>MUSEE DE LA PREHISTOIRE LE BOURG</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 1 rue du Musée 24620 Les-Eyzies-de-Tayac<br /><img src="img/lien.gif" alt="" /><a href="http://www.musee-prehistoire-eyzies.fr/" target="_blank"> http://www.musee-prehistoire-eyzies.fr/</a></div>').addTo(cities),
    L.marker([3.294622,-0.375037152]).bindPopup('<h1>MUSEE DU CHATEAU DE PEAU</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> 30400 Villeneuve-lès-Avignon<br /><img src="img/lien.gif" alt="" /><a href="www.musee-chateau-pau.fr/" target="_blank"> www.musee-chateau-pau.fr/</a></div>').addTo(cities),
    L.marker([44.838297,-0.577812155]).bindPopup('<h1>TOUR PEY-BERLAND</h1><div class="adresses"><img src="img/adresse.gif" alt="" /> Tour Pey-Berland Place Pey-Berland 33000 Bordeaux<br /><img src="img/lien.gif" alt="" /><a href="http://pey-berland.monuments-nationaux.fr/" target="_blank"> http://pey-berland.monuments-nationaux.fr/</a></div>').addTo(cities);

	var mbAttr = 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
			'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
			'Imagery © <a href="http://mapbox.com">Mapbox</a>, '+'denis weiss <a href="http://emi.re">emi.re</a>, '
		mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiZGVuaXN3ZWlzcyIsImEiOiJjaWx5bW8wY2MwMGdidjltNDF2Mm1tN3l3In0.LFyeo1IIFbRofCot0Oud4w';

	var grayscale   = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}),
		   streets  = L.tileLayer(mbUrl, {id: 'mapbox.streets',   attribution: mbAttr});

	var map = L.map('carte', {center: [47,2.88],zoom: 6, layers: [grayscale, cities]	});

	var baseLayers = {	"Grayscale": grayscale,	"Streets": streets	};

	var overlays = {"Cities": cities};

	L.control.layers(baseLayers, overlays).addTo(carte);
</script>

</body>
</html>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console