<!DOCTYPE html>
<html lang="fr" class="home" >
<head>
<base href="https://www.bonnabelle.fr/">
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="apple-touch-fullscreen" content="YES">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="index, follow">
<meta content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" name="viewport">
<title>Accueil</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="Views/css/bonnabelle.css?t=1660223155" rel="stylesheet" type="text/css"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-159429709-1"></script>
<script type="text/plain" cookie-consent="tracking">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-159429709-1');
</script>
<link rel="stylesheet" type="text/css" href="https://cdn.trustteam.fr/cc/css/cc-light.min.css" />
</head>
<body >
<!--[if IE 8]>
<div class="nav-ancien">
Votre version de navigateur n'est pas supportée par ce site. Veuillez le <a style="color:white;text-decoration:underline;" target="_blank" href="http://browsehappy.com/?locale=fr">mettre à jour.</a>
</div>
<![endif]-->
<section id="bodyHeader">
<div class="container container-header">
<div class="row">
<div class="col-3 d-xl-none">
<input id="menuInput" type="checkbox" />
<div id="menuBtnContainer">
<label id="menuBtn" for="menuInput">
<span></span>
<span></span>
<span></span>
</label>
</div>
<nav id="menu">
<ul>
<li>
<a title="Louer" href="https://www.bonnabelle.fr/louer.html">
<span>Louer</span>
</a>
</li>
<li>
<a title="Acheter" href="https://www.bonnabelle.fr/acheter.html">
<span>Acheter</span>
</a>
</li>
<li>
<a title="Syndic" href="https://www.bonnabelle.fr/syndic.html">
<span>Syndic</span>
</a>
</li>
<li>
<a title="Gestion locative" href="https://www.bonnabelle.fr/gestion-locative.html">
<span>Gestion locative</span>
</a>
</li>
<li>
<a title="Contact" href="https://www.bonnabelle.fr/contact.html">
<span>Contact</span>
</a>
</li>
<li>
<a title="Ma selection" href="https://www.bonnabelle.fr/ma-selection.html">
<span>Ma selection</span>
</a>
</li>
<li>
<a title="Assurance multirisque habitation" href="https://mesassurances.galian.fr/2064/assurance-habitation">
<span>Assurance multirisque habitation</span>
</a>
</li>
<li>
<a title="Votre projet immobilier" href="https://bonnabelle.nouveauprojet.immo/" target="_blank">
Projet immobilier
</a>
</li>
</ul>
</nav>
</div>
<div class="col-6 col-xl-3">
<a href="https://www.bonnabelle.fr/" title="Bonnabelle">
<picture>
<source srcset="Views/images/logo.webp" type="image/webp">
<img class="py-3" alt="" title="" src="Views/images/logo.png">
</picture>
</a>
</div>
<div class="col-3 col-xl-9">
<nav class="flex-row d-flex align-items-center justify-content-end">
<ul class="m-0 p-0">
<li class="d-none d-xl-inline-block">
<a title="Louer" href="https://www.bonnabelle.fr/louer.html">
<span>Louer</span>
</a>
</li>
<li class="d-none d-xl-inline-block">
<a title="Acheter" href="https://www.bonnabelle.fr/acheter.html">
<span>Acheter</span>
</a>
</li>
<li class="d-none d-xl-inline-block">
<a title="Syndic" href="https://www.bonnabelle.fr/syndic.html">
<span>Syndic</span>
</a>
</li>
<li class="d-none d-xl-inline-block">
<a title="Gestion locative" href="https://www.bonnabelle.fr/gestion-locative.html">
<span>Gestion locative</span>
</a>
</li>
<li class="d-none d-xl-inline-block">
<a title="Contact" href="https://www.bonnabelle.fr/contact.html">
<span>Contact</span>
</a>
</li>
<li class="d-none d-xl-inline-block">
<a title="Votre projet immobilier" href="https://bonnabelle.nouveauprojet.immo/" target="_blank">
Projet immobilier
</a>
</li>
<li class="d-inline-block">
<a title="Espace client" href="https://bonnabelle.monespaceclient.immo/" target="_blank">
<picture>
<source srcset="upload/annonces/large/espace_client.webp" type="image/webp">
<img alt="" title="" src="upload/annonces/large/espace_client.png">
</picture>
<span class="d-none d-lg-inline-block">Espace client</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section class="d-none d-md-block" id="mapBox" style="width:100%; height:700px;">
<div class="recherche">
<ul class="nav nav-tabs" id="rechercheTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="cat1-tab" data-toggle="tab" href="#cat1" role="tab" aria-controls="home" aria-selected="true">Louer</a>
</li>
<li class="nav-item">
<a class="nav-link" id="cat2-tab" data-toggle="" href="https://www.bonnabelle.fr/acheter.html" role="" aria-controls="home" aria-selected="true">Acheter</a>
</li>
</ul>
<div class="tab-content" id="rechercheForm">
<div class="tab-pane fade show active" id="cat1" role="tabpanel" aria-labelledby="cat1-tab">
<form method="POST">
<label>
<span>Type de bien</span>
<select name="type_bien">
<option value="">TOUS</option>
<option value="APPARTEMENT">APPARTEMENT</option>
<option value="STATIONNEMENT">STATIONNEMENT</option>
</select>
</label>
<label>
<span>Localisation</span>
<select name="localisation">
<option value="">TOUTES</option>
<option value="Essey Les Nancy">Essey Les Nancy</option>
<option value="Jarville La Malgrange">Jarville La Malgrange</option>
<option value="Laxou">Laxou</option>
<option value="Maxeville">Maxeville</option>
<option value="Nancy">Nancy</option>
<option value="Saint Max">Saint Max</option>
<option value="Vandoeuvre Les Nancy">Vandoeuvre Les Nancy</option>
<option value="Villers Les Nancy">Villers Les Nancy</option>
</select>
</label>
<label class="demi-left">
<span>Budget min</span>
<input type="number" name="budget_min" min="0" placeholder="">
</label>
<label class="demi-right">
<span>Budget max</span>
<input type="number" name="budget_max" min="0" placeholder="">
</label>
<label class="demi-left">
<span>Surface min</span>
<input type="number" name="surface_min" min="0" placeholder="">
</label>
<label class="demi-right">
<span>Surface max</span>
<input type="number" name="surface_max" min="0" placeholder="">
</label>
<label>
<span>Nombre de pièces</span>
<div class="listCheckbox">
<input type="checkbox" name="pieces[]" value="1"> 1
<input type="checkbox" name="pieces[]" value="2"> 2
<input type="checkbox" name="pieces[]" value="3"> 3
<input type="checkbox" name="pieces[]" value="4"> 4
<input type="checkbox" name="pieces[]" value="5+"> 5+
</div>
</label>
<label>
<span>Rechercher par référence</span>
<input type="text" name="reference" placeholder="Réf:01234567A">
</label>
<input type="hidden" name="c" value="index">
<input type="hidden" name="a" value="recherche">
<input type="hidden" name="idc" value="1">
<input type="submit" name="submit" value="Lancer la recherche">
</form>
</div>
<div class="tab-pane fade show" id="cat2" role="tabpanel" aria-labelledby="cat2-tab">
<form method="POST">
<label>
<span>Type de bien</span>
<select name="type_bien">
<option value="">TOUS</option>
<option value="APPARTEMENT">APPARTEMENT</option>
<option value="STATIONNEMENT">STATIONNEMENT</option>
</select>
</label>
<label>
<span>Localisation</span>
<select name="localisation">
<option value="">TOUTES</option>
<option value="Essey Les Nancy">Essey Les Nancy</option>
<option value="Jarville La Malgrange">Jarville La Malgrange</option>
<option value="Laxou">Laxou</option>
<option value="Maxeville">Maxeville</option>
<option value="Nancy">Nancy</option>
<option value="Saint Max">Saint Max</option>
<option value="Vandoeuvre Les Nancy">Vandoeuvre Les Nancy</option>
<option value="Villers Les Nancy">Villers Les Nancy</option>
</select>
</label>
<label class="demi-left">
<span>Budget min</span>
<input type="number" name="budget_min" min="0" placeholder="">
</label>
<label class="demi-right">
<span>Budget max</span>
<input type="number" name="budget_max" min="0" placeholder="">
</label>
<label class="demi-left">
<span>Surface min</span>
<input type="number" name="surface_min" min="0" placeholder="">
</label>
<label class="demi-right">
<span>Surface max</span>
<input type="number" name="surface_max" min="0" placeholder="">
</label>
<label>
<span>Nombre de pièces</span>
<div class="listCheckbox">
<input type="checkbox" name="pieces[]" value="1"> 1
<input type="checkbox" name="pieces[]" value="2"> 2
<input type="checkbox" name="pieces[]" value="3"> 3
<input type="checkbox" name="pieces[]" value="4"> 4
<input type="checkbox" name="pieces[]" value="5+"> 5+
</div>
</label>
<label>
<span>Rechercher par référence</span>
<input type="text" name="reference" placeholder="Réf:01234567A">
</label>
<input type="hidden" name="c" value="index">
<input type="hidden" name="a" value="recherche">
<input type="hidden" name="idc" value="2">
<input type="submit" name="submit" value="Lancer la recherche">
</form>
</div>
</div>
</div>
</section>
<section id="resultatsJS"></section>
<section id="dernieresLocations">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center">Nos dernières exclusivités en location</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="owlLocation owl-carousel owl-theme">
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@3485@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@3485@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">805 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 96 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">805 € CC / mois</span>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-96m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-96m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">96 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@5914@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@5914@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">502 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 50 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>7</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">502 € CC / mois</span>
<a href="https://www.bonnabelle.fr/appartement-2-piece-s-50m.html-100-868" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/appartement-2-piece-s-50m.html-100-868" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">50 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>7</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@6083@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@6083@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">61 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">61 € CC / mois</span>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-113-109" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-113-109" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@6082@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@6082@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">42 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>3</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">42 € CC / mois</span>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-118-253" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-118-253" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>3</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@6085@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@6085@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">65 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">65 € CC / mois</span>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-147-1086" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-147-1086" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@6086@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@6086@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">67 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Saint Max (54130)</span>
</div>
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">67 € CC / mois</span>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-156-238" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">STATIONNEMENT</span><br>
<span class="ville">Saint Max (54130)</span>
</div>
<a href="https://www.bonnabelle.fr/stationnement-piece-s-m.html-156-238" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie"></span>
<span class="pieces"></span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>2</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@4091@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@4091@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">625 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 60 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">625 € CC / mois</span>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-60m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-60m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">60 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@4320@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@4320@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">835 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 68 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">835 € CC / mois</span>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-68m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/appartement-3-piece-s-68m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">68 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette location">
<div class="image position-relative">
<picture>
<source srcset="upload/produit/large/540322@5485@1.jpg" type="image/webp">
<img alt="" title="" src="upload/produit/large/540322@5485@1.jpg">
</picture>
<span class="bandeau">Location</span>
<span class="prix">410 € CC / mois</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 38 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">410 € CC / mois</span>
<a href="https://www.bonnabelle.fr/appartement-2-piece-s-38m.html-408-148" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">Nancy (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/appartement-2-piece-s-38m.html-408-148" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">38 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</section>
<section id="dernieresVentes">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="text-center">Nos dernières exclusivités en vente</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="owlLocation owl-carousel owl-theme">
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/68cb872f6141ddd439794708079b19ec/photo_8aa38bfb3dd7cdabcecde8b012d01bf4.jpg" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/68cb872f6141ddd439794708079b19ec/photo_8aa38bfb3dd7cdabcecde8b012d01bf4.jpg">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">75600 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 37.6 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>4</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">75600 €</span>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-37-6m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-37-6m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">37.6 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>4</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/edea4c1dbb46dca3b1d8e8cb1a89335b/photo_ba74488d40dbcb46968aa496db91a1b7.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/edea4c1dbb46dca3b1d8e8cb1a89335b/photo_ba74488d40dbcb46968aa496db91a1b7.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">64000 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">VANDOEUVRE-LÈS-NANCY (54500)</span>
</div>
<div class="dimension">
<span class="superficie"> 20 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>4</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">64000 €</span>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-20m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">VANDOEUVRE-LÈS-NANCY (54500)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-20m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">20 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>4</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/a356441e0448c68524a5c91ed5f780f4/photo_240611d3f86aaeac418c6e8d38d20f01.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/a356441e0448c68524a5c91ed5f780f4/photo_240611d3f86aaeac418c6e8d38d20f01.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">134000 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 65.38 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">134000 €</span>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-65-38m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-65-38m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">65.38 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/121296f63eee23eb271f887300717e29/photo_866fadfc1c3b81ffec31ecd8461caef4.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/121296f63eee23eb271f887300717e29/photo_866fadfc1c3b81ffec31ecd8461caef4.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">145220 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 74 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">145220 €</span>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-74m.html-1491-341" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-74m.html-1491-341" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">74 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>8</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/2c9a45e09e1be30cc87ab5b181a6de54/photo_78ce131d3850b4b42eaaf5a5d83dd50a.jpg" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/2c9a45e09e1be30cc87ab5b181a6de54/photo_78ce131d3850b4b42eaaf5a5d83dd50a.jpg">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">118250 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">MAXÉVILLE (54320)</span>
</div>
<div class="dimension">
<span class="superficie"> 89.73 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>7</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">118250 €</span>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-89-73m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">MAXÉVILLE (54320)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-3-piece-s-89-73m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">89.73 m²</span>
<span class="pieces">3 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>7</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/14f1c31e38edf9f89e76224d35f18732/photo_83a025b9b284455edec9d36647487ca4.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/14f1c31e38edf9f89e76224d35f18732/photo_83a025b9b284455edec9d36647487ca4.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">222600 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">VILLERS-LÈS-NANCY (54600)</span>
</div>
<div class="dimension">
<span class="superficie"> 270 m²</span>
<span class="pieces">4 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>5</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">222600 €</span>
<a href="https://www.bonnabelle.fr/vente-4-piece-s-270m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">VILLERS-LÈS-NANCY (54600)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-4-piece-s-270m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">270 m²</span>
<span class="pieces">4 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>5</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/e49603f8548769bd86b417a12d56930f/photo_3b22c36370016295e285cc4eb3fc2b15.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/e49603f8548769bd86b417a12d56930f/photo_3b22c36370016295e285cc4eb3fc2b15.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">159000 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 91.12 m²</span>
<span class="pieces">4 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>11</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">159000 €</span>
<a href="https://www.bonnabelle.fr/vente-4-piece-s-91-12m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-4-piece-s-91-12m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">91.12 m²</span>
<span class="pieces">4 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>11</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/453a0fb1e5f0167b39e75e4283efc9a2/photo_35a0829ab354c1a124322cf84a9689a8.png" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/453a0fb1e5f0167b39e75e4283efc9a2/photo_35a0829ab354c1a124322cf84a9689a8.png">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">86400 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">LAXOU (54520)</span>
</div>
<div class="dimension">
<span class="superficie"> 41.38 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>5</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">86400 €</span>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-41-38m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">LAXOU (54520)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-1-piece-s-41-38m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">41.38 m²</span>
<span class="pieces">1 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>5</span>
</div>
</div>
</div> </div>
<div class="item">
<div class="vignette vente">
<div class="image position-relative">
<picture>
<source srcset="https://bonnabellecie.staticlbi.com/wa/images/biens/1/88695925879e155b1e7cbcff6b741703/photo_96a0d556cc14359dc2bfa82b98b2a1a6.jpg" type="image/webp">
<img alt="" title="" src="https://bonnabellecie.staticlbi.com/wa/images/biens/1/88695925879e155b1e7cbcff6b741703/photo_96a0d556cc14359dc2bfa82b98b2a1a6.jpg">
</picture>
<span class="bandeau">Vente</span>
<span class="prix">66650 €</span>
</div>
<div class="infoLigne">
<div class="bienDescription">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<div class="dimension">
<span class="superficie"> 28.14 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
<div class="detailLigne">
<span class="prix">66650 €</span>
<a href="https://www.bonnabelle.fr/vente-2-piece-s-28-14m.html" class="info">Détail <span></span></a>
</div>
</div>
<div class="localisation d-flex align-items-center justify-content-between">
<div class="lieu">
<span class="type">APPARTEMENT</span><br>
<span class="ville">NANCY (54000)</span>
</div>
<a href="https://www.bonnabelle.fr/vente-2-piece-s-28-14m.html" class="info">Détail <span></span></a>
</div>
<div class="detail d-flex align-items-center justify-content-between">
<div class="dimension">
<span class="superficie">28.14 m²</span>
<span class="pieces">2 pièce(s)</span>
</div>
<div class="photos">
<img src="Views/images/photo.png">
<span>6</span>
</div>
</div>
</div> </div>
</div>
</div>
</div>
</div>
</section>
<section id="devisGratuit" class="d-none d-md-block">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-6 position-relative">
<div class="entete">
<picture>
<source srcset="Views/images/galian.webp" type="image/webp">
<img class="py-3 d-block my-0 mx-auto" alt="" title="" src="Views/images/galian.png">
</picture>
</div>
<div class="annonce position-relative">
<picture>
<source srcset="upload/annonces/large/assurance_habitation.webp" type="image/webp">
<img alt="" title="" src="upload/annonces/large/assurance_habitation.png">
</picture>
<div class="contenuAnnonce position-absolute d-flex flex-column align-items-center justify-content-center">
<h2 class="text-uppercase text-center mb-3">Assurance multirisque habitation</h2>
<a class="d-inline-block" target="_blank" href="https://mesassurances.galian.fr/2064/assurance-habitation">Devis gratuit <span class="d-inline-block"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="avis" class="d-none d-md-block">
<div class="container">
<div class="row">
<div class="col-12">
<h4><em>89% </em>de nos clients se déclarent très satisfaits de Bonnabelle</h4>
<p><img src="https://www.bonnabelle.fr/userfiles/avis/etoile_avis.png?1583138114902" alt="etoile_avis" width="250" /> <a href="https://www.opinionsystem.fr/fr-fr/certificate/6642#review_list" target="_blank" rel="noopener noreferrer"><img src="https://www.bonnabelle.fr/userfiles/avis/bulle_avis.png?1583138136185" alt="bulle_avis" width="24" /> 36 avis clients</a></p>
<p><strong><a href="https://www.opinionsystem.fr/fr-fr/certificate/6642" target="_blank" rel="noopener noreferrer">Voir tous les avis</a></strong></p>
</div>
</div>
</div>
</section>
<section id="accueil">
<div class="row no-gutters">
<div class="col-12 col-md-6">
<picture>
<source srcset="upload/page_menu/large/qui-sommes-nous.webp" type="image/webp">
<img alt="" title="" src="upload/page_menu/large/qui-sommes-nous.png">
</picture>
</div>
<div class="contenuAccueil col-12 col-md-6 d-flex flex-column justify-content-center">
<h1>Qui sommes-nous ?</h1>
<div class="contenu1"><p>Le sérieux et la compétence du cabinet BONNABELLE sont au service de<br />l'immobilier depuis 1926.</p></div>
<div class="contenu2"><p>L'activité principale du Cabinet BONNABELLE est l'administration de biens <br />(habitation et tertiaire).</p></div>
<div class="contenu3"><p>Affiliation à la caisse de garantie GALIAN :</p>
<ul>
<li>En syndic de copropriété 14.120.000 euros</li>
<li>En gestion immobilière 3.040.000 euros</li>
<li>En transaction immobilière 120.000 euros</li>
</ul>
<p> </p>
<p> </p></div>
<div class="contenu4"><p>Ainsi que la détention de la carte professionnelle CPI54012018000030972<br />délivrée par la CCI de Meurthe et Moselle sont le gage de notre sérieux<br />et de notre professionnalisme. Elles offrent à la clientèle l'assurance <br />d'une grande sécurité.</p></div>
<div class="contenu5"><p style="text-align: left;"> </p>
<p style="text-align: left;"><a title="Votre projet immobilier" href="https://bonnabelle.nouveauprojet.immo/" target="_blank" rel="noopener noreferrer">Votre projet immobilier</a></p></div>
</div>
</div>
</section>
<section id="bodyFooter">
<div class="container">
<div class="row">
<div class="offset-2 col-8 offset-md-0 col-md-3">
<a href="https://www.bonnabelle.fr/" title="Bonnabelle">
<picture>
<source srcset="Views/images/logo.webp" type="image/webp">
<img class="py-3" alt="" title="" src="Views/images/logo.png">
</picture>
</a>
<address>
<strong>Cabinet Bonnabelle</strong>
<strong>15 rue Maurice Barrès</strong>
<strong>54000 NANCY</strong>
<span>Tél : 03.83.17.58.60</span>
<span>Fax : </span>
<span>bonnabelle@bonnabelle.com</span>
</address>
<div class="rs">
<a href="https://www.facebook.com/bonnabelleimmo" target="_blank">
<picture>
<source srcset="upload/annonces/normal/facebook.webp" type="image/webp">
<img alt="" title="" src="upload/annonces/normal/facebook.png">
</picture>
</a>
<a href="https://twitter.com/bonna_immo" target="_blank">
<picture>
<source srcset="upload/annonces/normal/twitter.webp" type="image/webp">
<img alt="" title="" src="upload/annonces/normal/twitter.png">
</picture>
</a>
<a href="https://www.instagram.com/bonnabelle1926/?hl=fr" target="_blank">
<picture>
<source srcset="upload/annonces/normal/instagram.webp" type="image/webp">
<img alt="" title="" src="upload/annonces/normal/instagram.png">
</picture>
</a>
</div>
</div>
<div class="d-none d-md-flex col-md-3 valign">
<ul>
<li>
<strong>Louer</strong>
<ul>
<li>
<a title="Toutes les annonces" href="https://www.bonnabelle.fr/louer.html" >
<span>Toutes les annonces</span>
</a>
</li>
<li>
<a title="Nancy Centre" href="https://www.bonnabelle.fr/louer.html?secteur=NANCY%20CENTRE" >
<span>Nancy Centre</span>
</a>
</li>
<li>
<a title="Nancy Nord" href="https://www.bonnabelle.fr/louer.html?secteur=NANCY%20NORD" >
<span>Nancy Nord</span>
</a>
</li>
<li>
<a title="Nancy Est" href="https://www.bonnabelle.fr/louer.html?secteur=NANCY%20EST" >
<span>Nancy Est</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="d-none d-md-flex col-md-3 valign">
<ul>
<li>
<strong>Achat</strong>
<ul>
<li>
<a title="Toutes les annonces" href="https://www.bonnabelle.fr/acheter.html" >
<span>Toutes les annonces</span>
</a>
</li>
<li>
<span> </span>
</li>
<li>
<span> </span>
</li>
<li>
<span> </span>
</li>
</ul>
</li>
</ul>
</div>
<div class="d-none d-md-flex col-md-3 valign">
<ul class="menuFooter">
<li>
<a title="Mentions légales" href="https://www.bonnabelle.fr/mentions-legales.html">
<span>Mentions légales</span>
</a>
</li>
<li>
<a title="Plan du site" href="https://www.bonnabelle.fr/plan-du-site.html">
<span>Plan du site</span>
</a>
</li>
<li>
<a title="Contact" href="https://www.bonnabelle.fr/contact.html">
<span>Contact</span>
</a>
</li>
<li>
<a title="Nos honoraires" href="https://www.bonnabelle.fr/userfiles/Honoraires-Agence-2025.pdf">
<span>Nos honoraires</span>
</a>
</li>
<li>
<a title="Ma selection" href="https://www.bonnabelle.fr/ma-selection.html">
<span>Ma selection</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container fnaim">
<div class="row">
<div class="col-12">
<picture>
<source srcset="Views/images/fnaim.webp" type="image/webp">
<img alt="" title="" src="Views/images/fnaim.png">
</picture>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="container dsoft">
<div class="row">
<div class="col-12">
<span>Réalisation</span>
<a href="https://web.trustteam.fr" title="Agence web Nancy" target="_blank" rel="noopener nofollow">
<picture>
<source srcset="Views/images/trustteam.webp" type="image/webp">
<img alt="logo trustteam" title="Agence web Nancy" src="Views/images/trustteam.png">
</picture>
</a>
<span>Agence web Nancy</span>
</div>
</div>
</div>
</section>
<link rel="stylesheet" type="text/css" href="Views/css/index.css?t=1660210504" media="screen" /><link rel="stylesheet" type="text/css" href="Views/css/admin.css" media="screen" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="Views/js/bonnabelle.js?t=1660210505"></script>
<script src="Views/js/popup.js?t=1660210505"></script>
<script type="text/javascript" src="Views/js/moteur_recherche.js"></script><script type="text/javascript">
$(function() {
$('input[name=recherche]').autocomplete({
minLength: 2
});
});
</script>
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onloadCallback"></script>
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.css" rel="stylesheet">
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.10.0/mapbox-gl.js"></script>
<section id="mapBoxJs">
<script defer type="text/javascript">
mapboxgl.accessToken = 'pk.eyJ1IjoiYm9ubmFiZWxsZSIsImEiOiJjazdhYnN2MWMweDZ4M21vZzB4N3c0MXFpIn0.oT7NOw-YqSmu_wwCVvIgHQ';
var map = new mapboxgl.Map({
container: 'mapBox',
dragging: true,
tap: false,
style: 'mapbox://styles/mapbox/streets-v10',
center: [6.2401009, 48.6860806],
zoom: 12
});
map.scrollZoom.disable();
map.addControl(new mapboxgl.NavigationControl());
map.on('load', function() {
map.loadImage("https://www.bonnabelle.fr/Views/images/iconloc.png", function(error, image){
map.addImage('icon', image);
map.addSource('places', {
'type': 'geojson',
'data': {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.181607,48.692933]
},
properties: {
title: '',
class: 'location',
'data': '36'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.167855,48.683506]
},
properties: {
title: '',
class: 'location',
'data': '100'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.170801,48.686561]
},
properties: {
title: '',
class: 'location',
'data': '113'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.162651,48.681168]
},
properties: {
title: '',
class: 'location',
'data': '118'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.187016,48.681808]
},
properties: {
title: '',
class: 'location',
'data': '147'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.214797,48.702652]
},
properties: {
title: '',
class: 'location',
'data': '156'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.187082,48.694442]
},
properties: {
title: '',
class: 'location',
'data': '179'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.172107,48.697331]
},
properties: {
title: '',
class: 'location',
'data': '255'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.195614,48.676143]
},
properties: {
title: '',
class: 'location',
'data': '408'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: []
},
properties: {
title: '',
class: 'location',
'data': '600'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.190519,48.691948]
},
properties: {
title: '',
class: 'location',
'data': '700'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.169365,48.687976]
},
properties: {
title: '',
class: 'location',
'data': '729'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.171404,48.690656]
},
properties: {
title: '',
class: 'location',
'data': '914'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.159405,48.688209]
},
properties: {
title: '',
class: 'location',
'data': '925'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.171404,48.690656]
},
properties: {
title: '',
class: 'location',
'data': '956'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.167396,48.671183]
},
properties: {
title: '',
class: 'location',
'data': '1164'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.195368,48.680295]
},
properties: {
title: '',
class: 'location',
'data': '1203'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.174402,48.676323]
},
properties: {
title: '',
class: 'location',
'data': '1306'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.174402,48.676323]
},
properties: {
title: '',
class: 'location',
'data': '1308'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.164839,48.683038]
},
properties: {
title: '',
class: 'location',
'data': '1328'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.18406,48.690626]
},
properties: {
title: '',
class: 'location',
'data': '1437'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.191822,48.687914]
},
properties: {
title: '',
class: 'location',
'data': '1455'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.175428,48.681145]
},
properties: {
title: '',
class: 'location',
'data': '1456'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.214797,48.702652]
},
properties: {
title: '',
class: 'location',
'data': '1478'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.190519,48.691948]
},
properties: {
title: '',
class: 'location',
'data': '1487'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.214797,48.702652]
},
properties: {
title: '',
class: 'location',
'data': '1602'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.166013,48.677239]
},
properties: {
title: '',
class: 'location',
'data': '1605'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.185784,48.686498]
},
properties: {
title: '',
class: 'location',
'data': '1623'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.181953,48.694819]
},
properties: {
title: '',
class: 'location',
'data': '1628'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192274,48.689568]
},
properties: {
title: '',
class: 'location',
'data': '1629'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192395,48.680532]
},
properties: {
title: '',
class: 'location',
'data': '1630'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192395,48.680532]
},
properties: {
title: '',
class: 'location',
'data': '1631'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.177237,48.697227]
},
properties: {
title: '',
class: 'location',
'data': '1633'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.181422,48.686973]
},
properties: {
title: '',
class: 'location',
'data': '1635'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.201727,48.674322]
},
properties: {
title: '',
class: 'location',
'data': '1639'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.180585,48.691458]
},
properties: {
title: '',
class: 'location',
'data': '1640'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.172325,48.681844]
},
properties: {
title: '',
class: 'location',
'data': '1641'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.17367,48.703523]
},
properties: {
title: '',
class: 'location',
'data': '1650'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.164101,48.682926]
},
properties: {
title: '',
class: 'location',
'data': '1652'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.177727,48.680385]
},
properties: {
title: '',
class: 'location',
'data': '1663'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.204682,48.670437]
},
properties: {
title: '',
class: 'location',
'data': '1677'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.175428,48.681145]
},
properties: {
title: '',
class: 'location',
'data': '1682'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.16299,48.695003]
},
properties: {
title: '',
class: 'location',
'data': '1685'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179223,48.67422]
},
properties: {
title: '',
class: 'location',
'data': '1687'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179223,48.67422]
},
properties: {
title: '',
class: 'location',
'data': '1689'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173163,48.673046]
},
properties: {
title: '',
class: 'location',
'data': '1695'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.177722,48.675528]
},
properties: {
title: '',
class: 'location',
'data': '1702'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.169434,48.682092]
},
properties: {
title: '',
class: 'location',
'data': '1717'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.176288,48.684192]
},
properties: {
title: '',
class: 'location',
'data': '1724'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.184161,48.691087]
},
properties: {
title: '',
class: 'location',
'data': '1725'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.163148,48.684247]
},
properties: {
title: '',
class: 'location',
'data': '1728'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.204682,48.670437]
},
properties: {
title: '',
class: 'location',
'data': '1732'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.170801,48.686561]
},
properties: {
title: '',
class: 'location',
'data': '1734'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.170801,48.686561]
},
properties: {
title: '',
class: 'location',
'data': '1735'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179189,48.696801]
},
properties: {
title: '',
class: 'location',
'data': '1736'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.156268,48.683215]
},
properties: {
title: '',
class: 'location',
'data': '1737'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.186844,48.694359]
},
properties: {
title: '',
class: 'location',
'data': '1741'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.182908,48.686856]
},
properties: {
title: '',
class: 'location',
'data': '1743'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.180049,48.675003]
},
properties: {
title: '',
class: 'location',
'data': '1744'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.190519,48.691948]
},
properties: {
title: '',
class: 'location',
'data': '1745'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.174402,48.676323]
},
properties: {
title: '',
class: 'location',
'data': '1746'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.191822,48.687914]
},
properties: {
title: '',
class: 'location',
'data': '1750'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.180585,48.691458]
},
properties: {
title: '',
class: 'location',
'data': '1753'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.164881,48.687793]
},
properties: {
title: '',
class: 'location',
'data': '1755'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173715,48.704425]
},
properties: {
title: '',
class: 'location',
'data': '1756'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.214797,48.702652]
},
properties: {
title: '',
class: 'location',
'data': '1764'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.186364,48.691547]
},
properties: {
title: '',
class: 'location',
'data': '1765'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.172396,48.690298]
},
properties: {
title: '',
class: 'location',
'data': '1767'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: []
},
properties: {
title: '',
class: 'location',
'data': '1769'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.161477,48.676038]
},
properties: {
title: '',
class: 'location',
'data': '1777'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.172934,48.692956]
},
properties: {
title: '',
class: 'location',
'data': '1778'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.159105,48.674393]
},
properties: {
title: '',
class: 'location',
'data': '1780'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.18406,48.690626]
},
properties: {
title: '',
class: 'location',
'data': '1781'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192395,48.680532]
},
properties: {
title: '',
class: 'location',
'data': '1784'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.175644,48.691123]
},
properties: {
title: '',
class: 'location',
'data': '1786'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.216167,48.702745]
},
properties: {
title: '',
class: 'location',
'data': '1787'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.185784,48.686498]
},
properties: {
title: '',
class: 'location',
'data': '1790'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.185277,48.687868]
},
properties: {
title: '',
class: 'location',
'data': '1796'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.214797,48.702652]
},
properties: {
title: '',
class: 'location',
'data': '1799'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192648,48.68162]
},
properties: {
title: '',
class: 'location',
'data': '1800'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179005,48.702759]
},
properties: {
title: '',
class: 'location',
'data': '1801'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.167515,48.678517]
},
properties: {
title: '',
class: 'location',
'data': '1803'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.161477,48.676038]
},
properties: {
title: '',
class: 'location',
'data': '1805'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.163148,48.684247]
},
properties: {
title: '',
class: 'location',
'data': '1806'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.18406,48.690626]
},
properties: {
title: '',
class: 'location',
'data': '1807'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.177731,48.677082]
},
properties: {
title: '',
class: 'location',
'data': '1808'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.184498,48.674661]
},
properties: {
title: '',
class: 'location',
'data': '1809'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.187016,48.681808]
},
properties: {
title: '',
class: 'location',
'data': '1812'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.184101,48.690125]
},
properties: {
title: '',
class: 'location',
'data': '1813'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.162198,48.675329]
},
properties: {
title: '',
class: 'location',
'data': '1815'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179459,48.675482]
},
properties: {
title: '',
class: 'location',
'data': '1816'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.170801,48.686561]
},
properties: {
title: '',
class: 'location',
'data': '1817'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.158443,48.67923]
},
properties: {
title: '',
class: 'location',
'data': '1818'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.196618,48.682092]
},
properties: {
title: '',
class: 'location',
'data': '1819'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.182257,48.695684]
},
properties: {
title: '',
class: 'location',
'data': '1820'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.186512,48.6946]
},
properties: {
title: '',
class: 'location',
'data': '1821'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.178561,48.676584]
},
properties: {
title: '',
class: 'location',
'data': '1822'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.165658,48.683169]
},
properties: {
title: '',
class: 'location',
'data': '1825'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179189,48.696801]
},
properties: {
title: '',
class: 'location',
'data': '1826'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.162316,48.705501]
},
properties: {
title: '',
class: 'location',
'data': '1827'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.17367,48.703523]
},
properties: {
title: '',
class: 'location',
'data': '1828'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.167397,48.699243]
},
properties: {
title: '',
class: 'location',
'data': '1829'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.183043,48.692412]
},
properties: {
title: '',
class: 'location',
'data': '1830'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.189501,48.690698]
},
properties: {
title: '',
class: 'location',
'data': '1831'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.164939,48.681758]
},
properties: {
title: '',
class: 'location',
'data': '1832'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.172236,48.685055]
},
properties: {
title: '',
class: 'location',
'data': '1833'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: []
},
properties: {
title: '',
class: 'location',
'data': '1834'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.204682,48.670437]
},
properties: {
title: '',
class: 'location',
'data': '1835'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173412,48.691087]
},
properties: {
title: '',
class: 'location',
'data': '1836'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.150451,48.672534]
},
properties: {
title: '',
class: 'location',
'data': '1837'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173508,48.683206]
},
properties: {
title: '',
class: 'location',
'data': '1838'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173508,48.683206]
},
properties: {
title: '',
class: 'location',
'data': '1839'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.174605,48.698036]
},
properties: {
title: '',
class: 'location',
'data': '1840'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.184161,48.691087]
},
properties: {
title: '',
class: 'location',
'data': '1841'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179624,48.702502]
},
properties: {
title: '',
class: 'location',
'data': '1842'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.179237,48.673226]
},
properties: {
title: '',
class: 'location',
'data': '1843'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.155759,48.677799]
},
properties: {
title: '',
class: 'location',
'data': '1844'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.170476,48.685179]
},
properties: {
title: '',
class: 'location',
'data': '1845'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: []
},
properties: {
title: '',
class: 'location',
'data': '1846'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.181422,48.686973]
},
properties: {
title: '',
class: 'location',
'data': '1847'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.183908,48.689022]
},
properties: {
title: '',
class: 'location',
'data': '1848'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.193914,48.696316]
},
properties: {
title: '',
class: 'location',
'data': '1849'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.173843,48.697109]
},
properties: {
title: '',
class: 'location',
'data': '1850'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.175901,48.672282]
},
properties: {
title: '',
class: 'location',
'data': '1851'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.145337,48.694507]
},
properties: {
title: '',
class: 'location',
'data': '1852'
}
},
{
type: 'Feature',
geometry: {
type: 'Point',
coordinates: [6.192395,48.680532]
},
properties: {
title: '',
class: 'location',
'data': '1853'
}
},
]
}
});
map.addLayer({
'id': 'places',
'type': 'symbol',
'source': 'places',
'layout': {
'icon-image': 'icon',
'icon-size' : 0.5,
'icon-allow-overlap': true
}
});
});
});
map.on('click', 'places', function(e) {
console.log(e.features[0].properties.data);
coordinates = e.features[0].geometry.coordinates.slice();
id = e.features[0].properties.data;
$.ajax({
type: "POST",
url: "",
data: { c: "index", "a" : "getVignette", "id_produit": id },
success: function (data) {
new mapboxgl.Popup()
.setLngLat(coordinates)
.setHTML(data)
.addTo(map);
}
});
});
</script>
</section>
<script type="text/javascript" src="https://cdn.trustteam.fr/cc/js/cc.min.js"></script>
<script type="text/javascript">
tt_cookieConsent();
</script>
</body>
</html>