Question

你知道如何在谷歌地图上禁用世界重复吗？我的地图有不典型的尺寸，这就是世界水平重复的原因。我无法为地图设置更高的缩放级别，因为某些大陆会被切断。

由于

Answer 1

在其上放置图像蒙版（或地图）。

Answer 2

将draggable设置为false并根据div大小缩放地图

例如

var myOptions = 
{
    zoom: 3,
    center: new google.maps.LatLng(17.375278, 78.474444),
    tileSize: new google.maps.Size(256, 256),
    rotateControl: false,
    scrollwheel: false,
    zoomControl: false,
    draggable: false,
    mapTypeId: google.maps.MapTypeId.HYBRID
};

Answer 3

我遇到了同样的问题...使用下面的响应性css修复了..信用到labnol.org

<style>
    .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
</style>

Google Maps API中的世界重复问题

3 个答案: