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
    });
  }
toggle switch style03

toggle switch style03

login page green one

login page green one

bootstrap4 tabs

bootstrap4 tabs

Triangle Background css 01

Triangle Background css 01

Nav Menu style02

Nav Menu style02

Manual Slideshow

Manual Slideshow

ChartJS style01

ChartJS style01

Card Panel Bootstrap4 with header and footer

Card Panel Bootstrap4 with header and footer

Buttons Styles Inspirations

Buttons Styles Inspirations

Blog post card 01

Blog post card 01

Background overlay

Background overlay

Alert Bootstrap4 style01

Alert Bootstrap4 style01