Javascript 图像内部显示不正确<；div style="；显示：无&引用&燃气轮机；

在网页中，我试图获取用户给定地址的坐标

我试着做一些类似的事情：

但我有个问题。地图放置在具有以下结构的div中：

<div id="divgeolocalizacion" style="display:none;">
...
<div style="width:100%; clear:both;">
    ...
    <div style="float:left; width:57%; margin-right:3%;">
        <div id="map">
            ...
        <div>
    <div>
<div> 
<div>

...
...
...

用户在页面上有一个按钮，它执行一些javascript代码。此代码仅将div显示样式更改为 “块”。问题是地图很小。然而，当我用F12打开开发者工具时，图像的大小会改变

为什么我会有这种奇怪的行为？在您询问之前，我的javascript代码中没有任何“console.log（）”

---

Pd：当div的显示样式最初设置为“block”时，所有功能都能正常工作。

none

和

block

是

display

属性的值，因此您应该有

display: none;

或

---

在标签的

style

属性中，不仅仅是值。

我在这里找到了vaelico的解决方案：

要解决此问题，必须在更改div的显示样式后在javascript中添加此行：

google.maps.event.trigger(map, "resize");

---

我知道。也许我解释得不好。我将编辑我的问题，而不是将答案编辑到您的问题中，如果您将答案添加为答案（我认为您需要等待一天左右），并将其标记为已接受，这将对社区有很大帮助。通过这种方式，我们（社区）知道这是答案，其他人也知道什么对你有效。我就是这么做的。我昨天想做，但它不让我做。但是它说我必须等一天才能接受它。我知道在你接受它之前有一个延迟，我只是不记得有多长时间。

google.maps.event.trigger(map, "resize");