谷歌 Map 刷新灰色-Java 学习之路

我正在尝试将Google Map 添加到jquery.mobile网站javascript和Google Maps API . 问题是每次加载 Map 时， most of the map is greyed out . 我做了一些研究，显然我必须添加命令：

google.maps.event.trigger(map, 'resize');

但是我在过去的几个小时里一直在摆弄它，我似乎无法让它发挥作用 . 这是我正在使用的代码：

var myLatlng = new google.maps.LatLng(34.310774,66.225586);

      var mapOptions = {
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }

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

      // boundry
      var southWest = new google.maps.LatLng(31.207164,61.347656);
      var northEast = new google.maps.LatLng(37.617713,69.785156);
      var bounds = new google.maps.LatLngBounds(southWest,northEast);


      map.fitBounds(bounds);
      google.maps.event.trigger(map, 'resize');

2 回答

4
要解决这个问题，您需要：
- 确保显示 Map 的div具有有效大小，如果隐藏，则它将具有零大小，并且在它具有有效大小之前需要显示div . 如果使用百分比调整大小，请确保其所有父元素具有百分比大小或特定大小（请参阅Mike Williams' Google Maps API v2 tutorial on the subject for details） .
- 一旦它有一个大小初始化 Map （如果你还没有）
- 如果已经初始化，则触发其上的resize事件 .
- 您可能需要在触发调整大小事件后设置 Map 的中心 .
您没有提供足够的信息来查看您的错误 .
回复于 2024-05-07T06:31:37+08:00
0

在开始编码之前，您应首先使用Google Map Widget . 您只需要密钥ID，纬度和经度并使用应用程序设计器 . 建议的缩放设置为8，默认情况下是足够的 . 以下是一些细节：http://hodentekmobile.blogspot.com/2016/07/intel-xdk-controls-6-using-google-map.html

回复于 2024-05-07T06:31:37+08:00

谷歌 Map 刷新灰色

2 回答

相关问题