如何更改InfoWindow背景颜色

我面临的问题是，我的谷歌地图API显示默认InfoWindow与背景颜色为白色。我想将白色更改为黑色。 REF CODE：如何更改InfoWindow背景颜色

google.maps.event.addListener(marker, 'mouseover', function() { 


    infoWindow.setContent(html); 
     infoWindow.open(map, marker); 
       //infoWindow.setStyle("background-color: red"); 


     });

来源

2016-05-26 prashanthi kontemukkala

Duplicate：http://stackoverflow.com/questions/15140803/styling-infowindow-with-google-maps-api？ –

我想出了一个简单的解决方案。这可能不是一个非常优雅的解决方案，但如果你没有很大的样式需求，它可以正常工作。

既然我们可以添加我们自己的html并且设计它。标记背景元素主要是导致问题的元素。对于简单的样式，而不是学习一个全新的库，我们可以使用jQuery删除该元素。

将此代码插入到init函数中，它将删除背景元素。

google.maps.event.addListenerOnce(map, 'idle', function(){ 
    jQuery('.gm-style-iw').prev('div').remove(); 
});

现在，您可以自由设计自己的div。我使用这种方法在我的项目中设计了infoWindow。

希望它会有所帮助。

来源

2017-04-22 10:00:50

此解决方案工作:-) –

可以在Google Maps Utility使用信息框这里。

该类的行为与google.maps.InfoWindow类似，但它支持高级样式的几个附加属性。一个InfoBox也可以用作地图标签。

您也可以使用CSS来设计它。通过检查这个tutorial和this，它会给你一个关于如何去做的示例代码。

来源

2016-05-27 08:02:38 KENdi

第一个链接被破坏，可能InfoBox [已被删除]（http://stackoverflow.com/questions/37171426/google-maps-api-v3-infobox-js-removed）。 – T30

如何更改InfoWindow背景颜色

回答

相关问题