You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自定义Google Map无限左右循环问题修复求助

自定义Google Map无限左右循环问题修复求助

各位大佬好!我用Google Maps API做了一个自定义地图,但是遇到了个头疼的问题——地图会一直无限地左右循环滚动,拖动的时候地图内容反复重复,根本停不下来😅。有没有办法能修复这个问题呀?

我已经尝试过给地图配置添加noWrap: true参数,还试了其他一些小方法,但都没能解决这个循环的问题。

我的代码如下:

var map = new google.maps.Map(document.getElementById('map'), mapOptions);

var customMapType = new google.maps.ImageMapType({
    getTileUrl: function(coord, zoom) {
        if (zoom < 0 || zoom > maxZoom) return "";

        var cols = baseCols * Math.pow(2, zoom);
        var rows = baseRows * Math.pow(2, zoom);

        if (coord.x < 0 || coord.x >= cols || coord.y < 0 || coord.y >= rows) {
            return null;
        }

        return 'tiles/' + zoom + '/' + coord.y + "_" + coord.x + ".png";
    },
    tileSize: new google.maps.Size(256, 256),
    minZoom: 0,
    maxZoom: maxZoom,
    name: 'custom',
    opacity: 1
});

map.mapTypes.set('custom', customMapType);
map.setMapTypeId('custom');

备注:内容来源于stack exchange,提问作者Markus Erkmann

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.13 19:34:32