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
    });
  }
Bootstrap 3 Popover avec html contenu

Bootstrap 3 Popover avec html contenu

Carousel 8 bloc with B4

Carousel 8 bloc with B4

Carousel Bootstrap3

Carousel Bootstrap3

Drag and drop or upload input file

Drag and drop or upload input file

Dropdown right aligned B4

Dropdown right aligned B4

Image hover 03

Image hover 03

Image hover effects style

Image hover effects style

Input range slider HTML style02

Input range slider HTML style02

Nav Menu style02

Nav Menu style02

Texte Block Posts Style01

Texte Block Posts Style01

login page green one

login page green one

toggle switch style02

toggle switch style02