Javascript 如何在electronjs中添加谷歌地图和一些坐标

Javascript 如何在electronjs中添加谷歌地图和一些坐标,javascript,node.js,npm,electron,Javascript,Node.js,Npm,Electron,我已经编写了以下代码。如何在electronjs中添加谷歌地图和一些坐标。生成的错误如下所述 const {app, BrowserWindow} = require('electron') const url = require('url') const path = require('path') const {Menu} = require('electron') const loadGoogleMapsApi = require('load-googl

我已经编写了以下代码。如何在electronjs中添加谷歌地图和一些坐标。生成的错误如下所述

  const {app, BrowserWindow} = require('electron')
    const url = require('url')
    const path = require('path')
    const {Menu} = require('electron')
    const loadGoogleMapsApi = require('load-google-maps-api')

    let win

    app.on('ready',function() {
       win = new BrowserWindow({})
       win.loadURL(url.format ({
          pathname: path.join(__dirname, 'home.html'),
          protocol: 'file:',
          slashes: true
       }));
    });

    loadGoogleMapsApi().then(function (googleMaps) {
    new googleMaps.Map(document.querySelector('.map'), {
     center: {
       lat: 40.7484405,
       lng: -73.9944191
     },
     zoom: 12
    })
    }).catch(function (error) {
    console.error(error)
    })
我不知道怎么解决这个问题。。。 它会产生如下所述的错误

参考错误:

window is not defined
 at /home/ebuilders/Desktop/ElectronApplication/node_modules/load-google-maps-api/index.js:19:7
    at new Promise (<anonymous>)
    at module.exports (/home/ebuilders/Desktop/ElectronApplication/node_modules/load-google-maps-api/index.js:11:15)
    at Object.<anonymous> (/home/ebuilders/Desktop/ElectronApplication/process.js:19:1)
    at Object.<anonymous> (/home/ebuilders/Desktop/ElectronApplication/process.js:31:3)
    at Module._compile (module.js:642:30)
    at Object.Module._extensions..js (module.js:653:10)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)
未定义
窗口
在/home/ebuilders/Desktop/ElectronApplication/node_modules/load谷歌地图api/index.js:19:7
在新的承诺()
在module.exports(/home/ebuilders/Desktop/ElectronApplication/node_modules/load谷歌地图api/index.js:11:15)
反对。(/home/ebuilders/Desktop/ElectronApplication/process.js:19:1)
反对。(/home/ebuilders/Desktop/ElectronApplication/process.js:31:3)
在模块处编译(Module.js:642:30)
在Object.Module._extensions..js(Module.js:653:10)
在Module.load(Module.js:561:32)
在tryModuleLoad时(module.js:504:12)
在Function.Module.\u加载(Module.js:496:3)

任何帮助都将不胜感激。

欢迎使用stackoverflow。我建议你们看看什么是电子:。看起来您混淆了主渲染器和渲染器。主进程无法直接访问渲染器进程,您需要依靠
渲染器
进程(查看index.html)才能加载地图。如果你在官方的electron页面上找不到你要找的文档,你可以看看这篇文章:也请浏览一下如何提出适当的问题,特别是如何创建问题的最小完整可验证示例(MVCE)。这将帮助我们更有效地帮助您,而创建MVCE通常会允许您自己解决问题,而无需帮助。