在Google地圖中爲現有標記添加infowindow API

Question

我正在使用JavaScript中的Google Maps API。我能夠找到從一點到另一點的路線。但是，我需要編輯顯示位置標記的infowindow。顯示的默認信息顯示了該地點的名稱，是否有更改該信息以顯示其他內容的方法？

Answer 1

是的，你可以做各種事情的信息窗口：

參考見https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple。

在信息窗口一些自定義的HTML的一個例子：

var infoWindowContent = '<div id="map-player-info-content">' + 
    '<img class="player-pic" ng-src="' + (playerList[i].profilePic || 'img/smash-app-icon.png') + '">' + 
    '<p><span class="text-bold">Player:</span> ' + playerList[i].tag + '</p>' + 
    '<p><span class="text-bold">Game(s):</span> ' + playerList[i].games + '</p>' + 
    '<p><span class="text-bold">Main(s):</span> ' + playerList[i].mains + '</p>' + 
    '</div>'; 

var infowindow = new google.maps.InfoWindow({ 
    content: infoWindowContent 
}); 

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title: 'Uluru (Ayers Rock)' 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    infowindow.open(map, marker); 
});