第二次加載時Google Maps無法加載

Question

我稱Google Map為引導面板。 地圖第一次加載良好，第二次不加載。 我嘗試調整地圖和其他許多解決方案的大小，但是沒有用。

我使用了以下文件1.Bootstrap JS 2.Bootstrap css和3.Jquery JS和UI

以下是代碼

 var NirMap = document.getElementById('placeMap'); if (GBrowserIsCompatible()) { var map = new GMap2(NirMap); map.setCenter(new GLatLng(_lat, _long), 17); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); } var mapOptions = { center: new google.maps.LatLng( _lat, _long), zoom: 17, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(NirMap, mapOptions); google.maps.event.addDomListener(window, 'load', initialize);

您可以在下面給出的我的網站上檢查問題，以進行更多分析nirvanamrutam.com

Answer 1

Google Maps API與第二次重新加載無關。 我已經制作了一個簡短的片段來演示功能，然后單擊“縮放”按鈕以隨機縮放重新加載地圖。 但是，每次重新加載都需要創建一個新的地圖對象。 查看JS Bin中的演示

 <!DOCTYPE html> <html> <head> <title>Simple Map</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } button { top: 10px; right: 10px; position: fixed; z-index: 999999; } </style> </head> <body> <div id="map"></div> <button onclick="initMap()">Zoom</button> <script> var map; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: { lat: -34.397, lng: 150.644 }, zoom: Math.floor(Math.random(10) * 10) }); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap" async defer></script> </body> </html>

第二次加載時Google Maps無法加載

問題描述

1 個解決方案

解決方案1
0 已采納 2015-09-16 11:07:46

第二次加載時Google Maps無法加載

問題描述

1 個解決方案

解決方案1 0 已采納 2015-09-16 11:07:46

解決方案1
0 已采納 2015-09-16 11:07:46