Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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
Google maps zoom 1中的google maps API复制视图_Google Maps_Google Maps Api 3 - Fatal编程技术网

Google maps zoom 1中的google maps API复制视图

Google maps zoom 1中的google maps API复制视图,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,当我尝试使用zoom 1或zoom 2只查看大陆时,我可以看到屏幕重复了好几次,大陆在屏幕上重复。 (屏幕分为3帧) 我能在屏幕上控制并只显示一次大陆而不重复吗 问候, Yossi你所描述的是正常的;这就是谷歌地图如何处理非常低的缩放级别。我还以世界范围的缩放开始我的地图,以显示所有的大陆。另一个因素是用户的屏幕分辨率。我最初是从缩放级别3开始绘制地图的,但结果是,一些屏幕分辨率设置较低的用户在首次加载地图时无法看到地图上的所有内容。因此,我现在从zoom 2开始。具有更高屏幕分辨率的用户只知道

当我尝试使用zoom 1或zoom 2只查看大陆时,我可以看到屏幕重复了好几次,大陆在屏幕上重复。 (屏幕分为3帧)

我能在屏幕上控制并只显示一次大陆而不重复吗

问候,


Yossi

你所描述的是正常的;这就是谷歌地图如何处理非常低的缩放级别。我还以世界范围的缩放开始我的地图,以显示所有的大陆。另一个因素是用户的屏幕分辨率。我最初是从缩放级别3开始绘制地图的,但结果是,一些屏幕分辨率设置较低的用户在首次加载地图时无法看到地图上的所有内容。因此,我现在从zoom 2开始。具有更高屏幕分辨率的用户只知道他们可能会在边缘看到世界地图的复制运行。

写一篇文章!(查看页面时,缩小一次)

其机制是监听变焦变化,并在低变焦时启用两个绝对定位灰色div(每侧一个),以覆盖“副本”。固定宽度的地图实际上是必要的。您需要为缩放1和2添加新的div对

最大的缺点是控件被div覆盖,而把它们放在中间很难看(我试过了)。您可以只覆盖地图的右半部分,但效果也不太好。(见此处)


我需要看两张照片,一张是大陆,另一张是国家,所以我只想看一次大陆,而不是复制,有可能吗?
    google.maps.event.addListener(map, 'zoom_changed', function() {
      if(map.getZoom() == 0) {
        document.getElementById("leftcover").style.display = "block";
        document.getElementById("rightcover").style.display = "block";
      }
      else {
        document.getElementById("leftcover").style.display = "none";
        document.getElementById("rightcover").style.display = "none";
      }
    });

    #leftcover { position: absolute; height: 100%; background-color: #e5e3df; left: 0px; width: 128px; z-index: 2; display: none }
    #rightcover { position: absolute; height: 100%; background-color: #e5e3df; left: 384px; width: 128px; z-index: 2; display: none }