node.js - 使用 Node js、express和mongodb在点击位置时在谷歌地图上显示用户信息

Question

我正在做一个小项目，它获取用户信息，如姓名、年龄、位置等，并在点击该位置时将其显示在 Google map 上。

我已经完成了第一部分，即使用 node js、express 和 Mongo db 获取用户信息。

我不明白如何转到下一部分并在点击该位置时在 Google map 上显示该信息。

任何教程或指示都会对如何前进有所帮助。谢谢。

Answer 1

如果您询问如何在网页上显示标记，您可能需要查看谷歌文档:

• 要在 map 文档上创建标记是 here , 如果你想要添加自定义标记图像样本是 here .
• 在标记样本上显示谷歌地图上的信息 here .

我假设您将标记信息存储在您的数据库中，因此您可以从那里检索它，只需为 ma​​rker 和 ma​​rkerinfo 创建一个架构。

通过onClick事件给 map 添加标记的方法:

map.addListener('click', function(e) {
    placeMarker(e.latLng, map);
});

function placeMarker(position, map) {
    var marker = new google.maps.Marker({
        position: position, // {lat: -100.000, lng: 100.000};
        map: map
    });
    map.panTo(position);
}

使用 jQuery 从 express api 获取标记:

$.getJSON("/api/marker/1", function(json) {

placeMarker(json,map);

});

如果你有问题请联系我；

祝你好运；