Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用谷歌地图获取新的square信息窗口?_Javascript_Html_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 使用谷歌地图获取新的square信息窗口?

Javascript 使用谷歌地图获取新的square信息窗口?,javascript,html,google-maps,google-maps-api-3,Javascript,Html,Google Maps,Google Maps Api 3,我正在建立一个网站,其主要功能是地图搜索,并显示发生在英国各地的专业摔跤比赛。我正在使用Google Maps JavaScript API的v3来实现这一点,但我有一个问题,为什么我的应用程序的InfoWindows看起来与上的InfoWindows不同 比较以下两个屏幕截图。地雷: 谷歌地图网站: 为什么谷歌地图网站有方形的信息窗口,为什么我使用最新版本的谷歌地图JavaScript API的应用程序有圆形的信息窗口 我去了谷歌地图API演示,发现了这个演示: 你应该看到方形的信息窗口

我正在建立一个网站,其主要功能是地图搜索,并显示发生在英国各地的专业摔跤比赛。我正在使用Google Maps JavaScript API的v3来实现这一点,但我有一个问题,为什么我的应用程序的InfoWindows看起来与上的InfoWindows不同

比较以下两个屏幕截图。地雷:

谷歌地图网站:

为什么谷歌地图网站有方形的信息窗口,为什么我使用最新版本的谷歌地图JavaScript API的应用程序有圆形的信息窗口

我去了谷歌地图API演示,发现了这个演示:

你应该看到方形的信息窗口

我在引擎盖下看了看,发现下面的代码,可能是你窗口的边界覆盖。希望能有帮助

var openInfoWindow = function(resultNum, result, marker) {
    return function() {
      if (selected != null) {
        document.getElementById('p' + selected).style.backgroundColor = "white";
        clearBoundsOverlays();
      }

      map.fitBounds(result.geometry.viewport);
      infowindow.setContent(getAddressComponentsHtml(result.address_components));
      infowindow.open(map, marker);

      if (result.geometry.bounds) {
        boundsOverlay = new google.maps.Rectangle({
          'bounds': result.geometry.bounds,
          'strokeColor': '#ff0000',
          'strokeOpacity': 1.0,
          'strokeWeight': 2.0,
          'fillOpacity': 0.0
        });
        boundsOverlay.setMap(map);
        google.maps.event.addListener(boundsOverlay, 'click', onClickCallback);
        document.getElementById('boundsLegend').style.display = 'block';
      } else {
        boundsOverlay = null;
      }

      viewportOverlay = new google.maps.Rectangle({
          'bounds': result.geometry.viewport,
          'strokeColor': '#0000ff',
          'strokeOpacity': 1.0,
          'strokeWeight': 2.0,
          'fillOpacity': 0.0
        });
      viewportOverlay.setMap(map);
      google.maps.event.addListener(viewportOverlay, 'click', onClickCallback);
      document.getElementById('viewportLegend').style.display = 'block';

      document.getElementById('p' + resultNum).style.backgroundColor = "#eeeeff";
      document.getElementById('matches').scrollTop =
        document.getElementById('p' + resultNum).offsetTop -
        document.getElementById('matches').offsetTop;
      selected = resultNum;
    }
  }

只是一张小纸条。可以看出,API的v2现在具有平方信息窗口。我有同样的问题。但也许它也会很快在v3上自动修复。

出于某种原因,当您在初始化信息窗口时指定
size
选项时,它似乎会自动修复。奇怪!奇怪的是:自从我在初始化
InfoWindow
时指定了
size
参数以来,它们一直是谷歌地图上的方形版本。即使现在,我已经删除了这个声明。我想知道是缓存了什么,还是我做了什么来“启用”这个全新的infowindow设计?