自定义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
相关产品推荐
相关产品推荐

