时间戳

首页 > 解决方案 > 如何减少谷歌地图加载时间

javascript - 如何减少谷歌地图加载时间

问题描述

我在我的网站上插入了地图。我已经根据https://developers.google.com/web/tools推荐做了所有事情，但是当我检查我的页面加载速度（https://developers.google.com/speed/pagespeed/insights/）时，我得到了通知„在移动应用程序上延迟屏幕外图像”（您可以在此处查看）。我使用 defer 和 async 方法加载地图，但它不起作用。我的问题是如何减少谷歌地图的加载时间？我的代码片段：

<div id="map" style="border:0; width:100%; height:430px"></div>

<script>
//Map
function myMap() {
  var myCenter = new google.maps.LatLng(55.73657675,21.13070005);
  var mapCanvas = document.getElementById("map");
  var mapOptions = {center: myCenter, zoom: 15};
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({position:myCenter});
  marker.setMap(map);
  google.maps.event.addListener(marker,'click',function() {
    var infowindow = new google.maps.InfoWindow({
      content:"PERFAS!"
    });
  infowindow.open(map,marker);
  });
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=My_API_Key&callback=myMap" async defer></script>

标签： javascriptgoogle-maps

解决方案

推荐阅读