如何在沒有標記的情況下將Infowindow添加到谷歌地圖

Question

如何在沒有標記的地圖中添加infowindow，我可以手動指定位置（latlng）。 有一個解決方案here它使用點擊位置，但我想指定它自己。到目前爲止，我想：

var infowindow = new google.maps.InfoWindow({ 
    content: "You start here", 
    position: document.getElementById('start').value 
    }); 

地圖初始化函數內部，使用此代碼：

infowindow.open(map, new google.maps.LatLng(6.473500, 81.236577)); 

在監聽器裏，但沒有奏效。出現一個錯誤，稱它無法讀取打開infowindow給出的latlng。 任何想法？

Answer 1

您必須設置位置，或者在公開呼叫中使用google.maps.Marker對象，或者如果您沒有標記，請直接設置位置。這工作：

var infowindow = new google.maps.InfoWindow({ 
    content: "You start here", 
    position: new google.maps.LatLng(6.473500, 81.236577) 
}); 
infowindow.open(map); 

fiddle

代碼片段：

function loadMap() { 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 12, 
 
    center: new google.maps.LatLng(6.473500, 81.236577) 
 
    }); 
 
    var infowindow = new google.maps.InfoWindow({ 
 
    content: "You start here", 
 
    position: new google.maps.LatLng(6.473500, 81.236577) 
 
    }); 
 
    infowindow.open(map); 
 
} 
 
window.onload = loadMap();

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map"></div>