I want to access the google map api from the node when the get request fired from the server instead of
<script async
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
const express = require("express");
const { Loader } = require('google-maps');;
const app = express();
app.get("/", function (req, res) {
const options={
apiKey: "YOUR_API_KEY",
version: "weekly",
zoom:8,
};
const loader = new Loader('YOUR_API_KEY', options);
const google = loader.load();
const map = new google.maps.Map(document.getElementById('map'), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
res.render('index.html');
})
app.listen(3000, function () {
console.log("serever is running on the port 3000");
THIS ERROR IS SHOWING WHEN I RUNNING THE SERVER... Error: google-maps is supported only in browser environment at new Loader (c:\Users\Hp\Desktop\google-maps\node_modules\google-maps\lib\cjs\loader.js:9:19) at c:\Users\Hp\Desktop\google-maps\app.js:12:20 at Layer.handle [as handle_request] (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\layer.js:95:5) at next (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\route.js:144:13) at Route.dispatch (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\route.js:114:3) at Layer.handle [as handle_request] (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\layer.js:95:5) at c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\index.js:284:15 at Function.process_params (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\index.js:346:12) at next (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\router\index.js:280:10) at expressInit (c:\Users\Hp\Desktop\google-maps\node_modules\express\lib\middleware\init.js:40:5)
html code:
<body>
<div id="map"></div>
</body>
please resolve my problem or point me some relevant resources.