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
    });
  }
Asidebar Menu Style01

Asidebar Menu Style01

Calculer la some des colones avec jquery

Calculer la some des colones avec jquery

Card Bootstrap4 02

Card Bootstrap4 02

Checkbox et boutons radios personnalisés en CSS

Checkbox et boutons radios personnalisés en CSS

Image hover Inspiration styles

Image hover Inspiration styles

Loading style book loader

Loading style book loader

Nav Menu style01

Nav Menu style01

Responsive image grid

Responsive image grid

Scroll down button 01

Scroll down button 01

Simple Table With UIKIT

Simple Table With UIKIT

Triangle Background css 01

Triangle Background css 01

input radio checkbox b4 style

input radio checkbox b4 style