Question

在网页中，我试图获得用户提供的地址的坐标。

我正在尝试执行以下操作：http://www.bufa.es/google-maps-latitud-longitud/

但我有一个问题。地图放在具有以下结构的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的显示风格初始设置为“阻止”时，所有功能都完美无缺。

Answer 1

我在vaelico找到了这个解决方案：Google Maps Display:None Problem

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

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

Answer 2

none和block是display属性的值，因此您应该拥有

display: none;

或

display: block;

在您的代码的style属性中，而不仅仅是值。

图像无法在<div style =“display：none;”> </div>中正确显示

2 个答案: