blocks|key|1870740|text|对于使用Google+Maps+API+v2的用户，此函数将打开一个没有关闭图标的信息窗口：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1870741|openInfoWindowHtml(html,+{
++maxWidth:+200,+buttons:+{+close:+{+visible:+false+}+}
});|code-block|syntax|javascript|1870742|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For people using Google Maps API v2, this function will open an info window with no close icon: 

<pre><code>openInfoWindowHtml(html, {
 maxWidth: 200, buttons: { close: { visible: false } }
});
</code></pre>

blocks|key|2497599|text|您可以使用CSS隐藏关闭按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2497600|.gm-style-iw+%2B+div+{display:+none;}|code-block|syntax|javascript|2497601|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can hide close button with CSS:

<pre class="lang-css prettyprint-override"><code>.gm-style-iw + div {display: none;}
</code></pre>

blocks|key|2497627|text|我在options对象上将closeBoxURL设置为空字符串|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2497628|infoboxOptions+=+{

++++closeBoxURL:+'',
++++...

}

var+infobox+=+new+InfoBox(infoboxOptions);|code-block|syntax|javascript|2497629|entityMap^0|D|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I did it setting <code>closeBoxURL</code> to an empty string on the options object

<pre><code>infoboxOptions = {

 closeBoxURL: '',
 ...

}

var infobox = new InfoBox(infoboxOptions);
</code></pre>

blocks|key|1870790|text|我尝试了上面所有的建议，但都失败了。我试着使用jquery+$('.gm-style-iw').next().hide()，它不能很好的工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1870791|这就是我的工作，以防有人需要它。这就是我使用GMAP+API+V3所做的事情。|1870792|.gm-style+.gm-style-iw+%2B+div+{
++++display:+none;+/*+<--+this+will+generally+work+on+the+fly.+*/
++++visibility:+hidden;+/*+this+2+lines+below+are+just+for+hard+hiding.+:)+*/
++++opacity:+0;
}|code-block|syntax|javascript|1870793|通常，它所做的是查找由gm-style-iw动态创建的该API的直接同级。gm-style-iw旁边的div是close按钮。|1870794|希望这能有所帮助。:)|1870795|entityMap^0|U|V|0|0|0|B|B|11|B|1F|3|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

I tried all suggestions above, but failed. I tried using jquery <code>$('.gm-style-iw').next().hide()</code>, it did not work as well.

This is what worked for me, in case someone needs it. This is what I did with GMAP API V3.

<pre><code>.gm-style .gm-style-iw + div {
 display: none; /* &lt;-- this will generally work on the fly. */
 visibility: hidden; /* this 2 lines below are just for hard hiding. :) */
 opacity: 0;
}
</code></pre>

Generally, what it does is, it looks for direct sibling of that <code>gm-style-iw</code> which is created dynamically by the API. The <code>div</code> right next to the <code>gm-style-iw</code> is the close button.

Hope that helps. :)

blocks|key|1865470|text|你可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1865471|.gm-style-iw+%2B+div{+display:+none;+}+//+hide+div

.gm-style-iw+%2B+div+%2B+img{+display:+none;+}+//+hide+img+|code-block|syntax|javascript|1865472|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can try this

<pre><code>.gm-style-iw + div{ display: none; } // hide div

.gm-style-iw + div + img{ display: none; } // hide img 
</code></pre>

blocks|key|2497807|text|这对我来说只用css就行了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2497808|.gm-ui-hover-effect+{
++++display:+none+!important;
}|code-block|syntax|javascript|2497809|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me with just css

<pre><code>.gm-ui-hover-effect {
 display: none !important;
}
</code></pre>

blocks|key|4609597|text|button.gm-ui-hover-effect+{
++++visibility:+hidden;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4609598|这在今天的Chrome和Edge中都是有效的|unstyled|4609599|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>button.gm-ui-hover-effect {
 visibility: hidden;
}
</code></pre>

That works as at today in Chrome and Edge

blocks|key|1865552|text|你可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1865553|::ng-deep+.gm-style+.gm-style-iw-c+button+{
++++display:+none+!important;
}|code-block|syntax|javascript|1865554|它里面的魔力是::ng-deep修饰符，它可以深入搜索样式并覆盖它们。|1865555|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can try this

<pre><code>::ng-deep .gm-style .gm-style-iw-c button {
 display: none !important;
}
</code></pre>

The magic inside it is ::ng-deep modifier that can search deeply for the styles and override them.

blocks|key|6025708|text|.gm-style-iw+button>img+{
++++display:+none!important;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|6025709|这段代码会让它正常工作。在我的示例中，代表关闭按钮的图像位于div类gm-style-iw中的button标记内|unstyled|6025710|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>.gm-style-iw button&gt;img {
 display: none!important;
}
</code></pre>
This code piece will make it to work. In my case image representing the close button was inside button tag in div classed gm-style-iw

blocks|key|6025738|text|在你的CSS中添加这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6025739|button.gm-ui-hover-effect+{
+++visibility:+hidden;
}|code-block|syntax|javascript|6025740|这在Maps+API+v3.43中非常有效|6025741|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Add this in your CSS:
<pre><code>button.gm-ui-hover-effect {
 visibility: hidden;
}
</code></pre>
This worked perfectly with Maps API v3.43

How to remove close icon of info window in google map. I tried to remove this icon, but couldn't find id or class for that. 

So can anyone help me to remove close icon from info window?

remove close icon from the google map info window

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如何移除谷歌地图信息窗口的关闭图标。我试图删除这个图标，但找不到对应的id或class。那么有没有人可以帮我从信息窗口中移除关闭图标？

问从google地图信息窗口中移除关闭图标
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从google地图信息窗口中移除关闭图标EN