如何在GoogleMapJavaScriptAPI中将div容器附加到地图标记的顶部

如何将包含自定义标题和其他信息的div容器附加到GoogleMapJavaScriptAPI中地图标记的顶部

如下所示：

注意：

<div id="locMap"></div>
<script>    
    function initMap() {

                var Loc = {lat: 10.914912, lng: 75.925752};
                var map = new google.maps.Map(document.getElementById('locMap'), {
                  zoom: 12,
                  center: Loc
                });

                var marker = new google.maps.Marker({
                  position: Loc,
                  map: map
                });

              }
</script>

• 容器应始终可见（如果标记可见）
• 集装箱船应该用记号笔移动
• 容器不应在地图框外部可见

我的API配置：

<div id="locMap"></div>
<script>    
    function initMap() {

                var Loc = {lat: 10.914912, lng: 75.925752};
                var map = new google.maps.Map(document.getElementById('locMap'), {
                  zoom: 12,
                  center: Loc
                });

                var marker = new google.maps.Marker({
                  position: Loc,
                  map: map
                });

              }
</script>

函数initMap（）{
var Loc={lat:10.914912，lng:75.925752}；
var map=new google.maps.map（document.getElementById（'locMap'）{
缩放：12，
中心：Loc
});
var marker=new google.maps.marker({
位置：Loc，
地图：地图
});
}

尝试将使用谷歌地图信息窗口元素附加到gmaps标记，api如下：

谷歌地图信息窗口 和

函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var contentString='欢迎'+
''+
您好，我是一位杰出的职业发展精英，我是一名临时雇员，我是一名伟大的员工。我是一名非常小的员工，我是一名普通员工。我是一名员工，我是一名普通员工。我是一名员工，我是一名员工，我是一名员工，我是一名员工，我是一名员工，我是一名员工不可轻视的圣徒，必须为动物的劳动承担责任
'+
''+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图，
标题：“乌卢鲁（艾尔斯岩）”
});
marker.addListener（'click'，function（））{
信息窗口。打开（地图、标记）；
});
信息窗口。打开（地图、标记）；
}

向我们展示您的code@CarstenLøvboAndersen我已更新我的问题信息窗口对我不起作用。因为它只有在单击标记时才可见。但我需要它总是可见的信息窗口不适合我。因为它只有在单击标记时才可见。但是我需要它总是可见的，我只是更新了附加在下面一行的代码：-infowindow.open（map，marker）；