javascript - Google Maps:更改infoWindow的框架

我创建了一个标记，并在此标记上添加了一个侦听器，以打开一个信息窗口。我的问题是我无法弄清楚如何更改infoWindow的默认框架。可能吗？这是我的代码：

    var markerPosition = new google.maps.LatLng(lat, lng);

    var shopMarker = new google.maps.Marker({
                      position: markerPosition,
                      map: map,
                      icon: iconshop,
                      title: " shop",
                      draggable: false
                });

var content = '<ul class="shopmaplist"> <li>text</li>'
                    +'<li><span>text</span>text</li>'
                    +'</ul><ul class="shoplistel">text</ul></br>'
                    +'<div class="buttonshop"><input type="submit" class="btncontinue" value="text" tabindex="3"></div>';

                var infowindow = new google.maps.InfoWindow();

                google.maps.event.addListener(shopMarker,'click', (function(shopMarker,content,infowindow){
                    return function() {
                       infowindow.setContent(content);
                       infowindow.open(map,shopMarker);
                    };
                })(shopMarker,content,infowindow));

在此代码中，我该怎么做以自定义infoWindow的框架和样式？

编辑：
下图是单击标记时想要的结果。

最佳答案

您不能更改google.maps.InfoWindow。您可以使用“第三者” InfoWindow替代品，例如InfoBubble或InfoBox，甚至可以创建自己的custom overlay

关于javascript - Google Maps:更改infoWindow的框架，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25081942/