Geocoded Locations

<!DOCTYPE html>
<html>
<head>
    <title>Geocoded Locations | par NGLESSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keyword" content="Chercher un mot sur la liste">
    <meta name="author" content="Mezgani said">
    <meta name="copyright" content="NGLESSON">
    <meta name="robots" content="index,follow">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" type="text/css">    	
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">	
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="container">
<div class="row">
    <div class="col-lg-12">
          <div id="map_div"></div>
  </div>	
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
#map_div{
    width: 100%; 
    height: 450px;
}
google.charts.load("current", {
    "packages":["map"],
    // Note: you will need to get a mapsApiKey for your project.
    // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
    "mapsApiKey": "AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY"
});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Lat', 'Long', 'Name'],
      [34.000173, -6.868728, 'Domicile'],
      [33.992634, -6.719212, 'Travail'],
      [33.999128, -6.866481, 'Terrain'],
      [33.998683, -6.869673, 'Snack']
    ]);

    var map = new google.visualization.Map(document.getElementById('map_div'));
    map.draw(data, {
      showTooltip: true,
      showInfoWindow: true
    });
  }
texte animate css

texte animate css

Table responsive avec css native

Table responsive avec css native

Simple Table With UIKIT

Simple Table With UIKIT

Scroll to div ID

Scroll to div ID

Radio Input Image Checkbox 01

Radio Input Image Checkbox 01

Partager sur les réseaux sociaux

Partager sur les réseaux sociaux

Input range slider HTML style04

Input range slider HTML style04

Image hover 05

Image hover 05

Calculatrice style01

Calculatrice style01

Bootstrap modal avec un formulaire newsletter

Bootstrap modal avec un formulaire newsletter

Background overlay

Background overlay

Ajouter supprimer une tr dans une table avec l'insertion des options sur une balise select

Ajouter supprimer une tr dans une table avec l'insertion des options sur une balise select