Google地图 - 仅在用户的设备大于特定尺寸时获取地图数据

Question

我正在构建一个使用Google地图的基于网络的应用程序。在桌面版本上，我计划显示地图，该地图显示页面上列出的每个对象的标记。但是，如果屏幕加载并且设备是iPhone，那么我不想显示地图。可以用CSS隐藏地图......

@media only screen and (max-width:800px){
  #map{display:none}
}

但是，如果屏幕较小，那么我不想加载数据（因为它不会被显示）。 如果使用Javascript / CSS设备太小，我有什么办法可以阻止加载数据吗？

Answer 1

你做一个IF来查看屏幕是否小于800px，如果它小于你跳过initMap（）（或加载api时回调函数的名称）

这有助于您了解如何获得宽度Get the size of the screen, current web page and browser window

Answer 2

你可以将ajax部分包装在条件中，如下所示：

var w = 800;
if ( screen.width >= w) {     
    // load ajax
}
else { 
    alert("small screen, won't load map"); 
}