在谷歌地圖上顯示用戶信息，點擊使用節點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); 

}); 

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

祝你好運;