get points from MySQL

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+package-lock.json

config.json

@@ -0,0 +1,6 @@
+{
+  "host": "localhost",
+  "user": "maps",
+  "password": "maps",
+  "database": "maps"
+}

index.js

@@ -1,6 +1,21 @@
+const mysql = require('mysql');
 const express = require('express');
+const config = require('./config.json');
 const app = express();
 
+const con = mysql.createConnection(config);
+
+con.connect(function(err) {
+  if (err) throw err;
+  con.query("SELECT * FROM points", function (err, result, fields) {
+    if (err) throw err;
+    console.log(result);
+	app.get('/points', function (req, res) {
+	  res.send(result)
+    })
+  });
+});
+
 app.use(express.static('public'));
 
 app.listen(3000, function () {

maps.sql

@@ -0,0 +1,13 @@
+DROP TABLE IF EXISTS `points`;
+CREATE TABLE `points` (
+  `id` int(11) NOT NULL,
+  `name` varchar(16) NOT NULL,
+  `lat` float NOT NULL,
+  `lng` float NOT NULL,
+  `info` varchar(256) NOT NULL,
+  PRIMARY KEY (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=latin1;
+
+LOCK TABLES `points` WRITE;
+INSERT INTO `points` VALUES (1,'WroTest',51,17,'test test test');
+UNLOCK TABLES;

package.json

@@ -17,6 +17,7 @@
   },
   "homepage": "https://github.com/dynak-net/super-simple-maps#readme",
   "dependencies": {
-    "express": "^4.15.3"
+    "express": "^4.15.3",
+    "mysql": "^2.13.0"
   }
 }

public/index.html

@@ -11,7 +11,8 @@
     <div id="map" style="width: 100%; height: 100%;"></div>
     <script src="js/data.js"> </script>
     <script src="js/map.js"> </script>
-    <script async defer src="https://maps.googleapis.com/maps/api/js?v=3&key=YOUR_API_KEY&callback=initMap"> </script>
+    <script async defer
+src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCeKf-4vZrm7FiTagQTTG8yysA5vwSWyd4&callback=initMap"> </script>
     <!--script src="js/markerclusterer.js"> </script-->
   </body>
 </html>

public/js/map.js

@@ -45,8 +45,11 @@ function initMap() {
   setMarkers(map);
 }
 
-function setMarkers(map) {
+async function setMarkers(map) {
   var infoWindow = new google.maps.InfoWindow();
+  let response = await fetch('/points');
+  let json = await response.json();
+  console.log(json);
   for (var i = 0; i < myPoints.length; i++) {
     var myPoint = myPoints[i];
     var marker = new google.maps.Marker({