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

Question

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

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

下面我们已经成功地对其进行了硬编码。我们怎样才能让它动态化？ 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 中。但是我们无法将其添加到标记中并将其获取到 return.. 我们对数据库的调用return 图片是

<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>

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

sending data from server to a js file.. getting Passport to display Facebook image on Google maps infobox

html

javascript

google-maps

facebook

passport.js