作为云计算领域的专家,我可以提供以下关于谷歌地图信息窗口样式设计的建议:
<style>
.gm-style-iw {
border: 2px solid #333;
background-color: #fff;
padding: 10px;
font-size: 14px;
}
</style>
.gm-style-iw li {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #333;
}
<div class="gm-style-iw">
<img src="your-image-url.jpg" alt="Your Image" />
<i class="fa fa-map-marker"></i>
<div class="iw-content">
<h3>Your Title</h3>
<p>Your content goes here.</p>
</div>
</div>
.gm-style-iw {
transition: all 0.3s ease;
}
.gm-style-iw:hover {
border-color: #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
以上建议可以帮助你改进谷歌地图信息窗口的样式设计,但请根据你的具体需求进行调整。
领取专属 10元无门槛券
手把手带您无忧上云