javascript - 将数据从服务器发送到 js 文件.. 获取 Passport 以在 Google map 信息框上显示 Facebook 图像

Question

我正在使用 passport.js 将用户登录到谷歌地图 API。 当您登录时，它会使用您的 Facebook 图像和名称进行地理定位并在 map 上放置一个标记。但是我正在努力做到这一点!

拥有所有 map 逻辑的map.js看不到拥有所有用户逻辑的server.js。所以 Map.js 不知道用户是什么。

下面我们已经设法对其进行了硬编码。我们怎样才能让它动态化？ 完整 repo https://github.com/5-minute-catchup/ANEWREPO 谢谢

if(navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

            new google.maps.InfoWindow({
              map: map,
              position: pos,
              content: profile.id + 'user.name <IMG BORDER="0" ALIGN="Left" SRC="https://graph.facebook.com/10153052143439442/picture"> <br>Phoebe '
            });
            map.setCenter(pos);

当用户登录时，我们确实将图像保存到我们自己的 mongoDB 中。但是我们不能将其添加到标记中并让它返回。我们对数据库返回图像的调用是

<img src="<%= user.image %>">

如何将服务器知道的有关用户的信息传递给 map.js？

Answer 1

map.js 中的解决方案是:

  var getUser = document.getElementById("map-canvas");

new google.maps.InfoWindow({
          map: map,
          position: pos,
          content: '<IMG BORDER="0" ALIGN="Left" SRC=' + getUser.dataset.image + '>'
        });

在 index.ejs 中:

<div id="map-canvas" data-name='<%= user.name %>' data-image=<%= user.image %>>
        </div>