在谷歌地图上显示用户信息，点击使用节点js，express和mongodb的位置

Question

我正在做一个小型项目，它将用户信息（如姓名，年龄，位置等）显示在Google地图上，并单击该位置。

我完成了第一部分，即使用节点js，express和Mongo db获取用户信息。

我不理解如何进入下一部分并在Google地图上显示该信息，然后单击该位置。

任何教程或指针将有助于如何前进。谢谢。

Answer 1

如果你问如何显示在网页的标记，你可能要检查谷歌文档：

• 要创建在地图上的文件标记为here，如果你还 要添加自定义标记图像样本是here。
• 在标记样本上显示谷歌地图上的信息 here。

我假设你是存储在您的数据库标记信息，这样你就可以从那里检索它，只需要创建一个架构标记和markerinfo。

方式来添加标记到地图onClick事件：

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); 
} 

从快车API获取标记与jQuery：

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

placeMarker(json,map); 

}); 

坪我，如果您有任何疑问，

祝你好运;