谷歌地图imageMapType崩溃iOS Safari

我正在加载自定义PNG瓷砖到谷歌地图上，似乎性能正在杀死iOS Safari中的应用程序，并使其抓取大多数其他浏览器。我相信这是由于瓦片数量正在加载到地图上（加载73个伊利诺伊州县，瓦片数量取决于缩放级别）以及iOS提供给Safari的有限内存量。谷歌地图imageMapType崩溃iOS Safari

首先，我只，通过使用google.maps.LatLngBounds.intersects

 function createBoundedTileLayer(sourceUrl, bounds) { 
     var imageMapType = new google.maps.ImageMapType({ 
      getTileUrl: function (coord, zoom) { 
       var tileBounds = getTileBounds(coord, zoom); 
       if (bounds.intersects(tileBounds)) { 
        return app.stringFormat(sourceUrl, coord.x, coord.y, zoom); 
       } 
       return null; 
      }, 
      tileSize: new google.maps.Size(256, 256), 
      isPng: true, 
      opacity: 0.7 
     }); 
     return imageMapType; 
    } 

    function getTileBounds(coord, zoom) { 
     var mapSize = Math.pow(2, zoom); 
     var west = ((coord.x * 360)/mapSize) - 180; 
     var east = (((coord.x + 1) * 360)/mapSize) - 180; 

     var efactor = Math.exp((0.5 - coord.y/mapSize) * 4 * Math.PI); 
     var north = (Math.asin((efactor - 1)/(efactor + 1))) * (180/Math.PI); 

     efactor = Math.exp((0.5 - (coord.y + 1)/mapSize) * 4 * Math.PI); 
     var south = (Math.asin((efactor - 1)/(efactor +1))) * (180/Math.PI); 

     return new google.maps.LatLngBounds(new google.maps.LatLng(south, west), new google.maps.LatLng(north, east)); 
    }

创造，我有，而不是想检索屏幕上的每一个平铺图像的瓷砖新imageMapType覆盖其次，我为“桌面”浏览器，我同时加载所有的瓷砖，它不会崩溃（只是当我缩放或平移地图时才抓取）。对于移动浏览器，为了停止崩溃行为，我一次只能为5个县加载足够的磁贴，使用setTimeout 2000毫秒，然后加载5个县，直到加载所有73个县。

有没有人在Google地图中使用过这个问题？在此先感谢！

来源

2014-09-29 AaronBastian

也许您需要查看服务器端的Google Maps Engine，但不会为JavaScript虚拟机使用太多的RAM。 – xmux 2014-09-29 13:48:52

@xmux，自从评论以来，我对Google Maps Engine的了解并不多，我需要推动我的瓷砖到谷歌服务器，然后他们将被加载？这是一个准确的评估？ – AaronBastian 2014-09-29 21:12:42

您可以将图块上传/上传到Google地图引擎，甚至可以向他们提供位置信息。这很简单，然后你需要搜索GME API，这样你就可以得到图层了 – xmux 2014-09-30 06:34:08

@xmux部分在这里。虽然他建议谷歌地图引擎让服务器渲染图块，并且这可能也解决了问题，但他对用于JavaScript虚拟机的RAM数量的评论却是真正的解决方案。

这73个县在地图上加载到73 层。很显然，对于内存容量有限的设备来说，这绝对不行。我们最终要解决的问题是，直到用户放大至足以阅读自定义层的内容（> 12）时才显示此自定义层。然后，只有恰好在这个视口内适合的县。在获得自定义图层之前，将这个缩放比例设置得很高，最多5个图层被添加到地图中。

为了更好地进行内存管理，在显示叠加层之前，这可能会减少到较少的层次，缩放级别会更高。

此外，缩放或平移后，自行清理。除非您让他们离开，否则这些叠加层将永远留在地图上。

因此，故事的道德 - 思考内存管理和清理后自己。谢谢，@ xmux！

来源

2014-11-03 13:33:39 AaronBastian

谷歌地图imageMapType崩溃iOS Safari

回答

相关问题