google-maps - タブにMagentoを使用したGoogleマップバージョン3

Question

タブにMagentoを使用してGoogleマップバージョン3を読み込もうとしています。マップは、マップの大部分をカバーする灰色の部分で表示されます。

誰でも私を助けることができます。前もって感謝します。

Answer 1

タブにmagentoが含まれるgooglemapversion3の問題を発見し、googleで多くのR＆Dを行った後に解決策を得ました。私はあなたと共有したい...ここに解決策があります：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
 var latLng;
function initialize() {
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 8,
    center: new google.maps.LatLng(26.937201,75.785672),
    scrollwheel: true,
    disableDefaultUI: true,
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP,

});


var infoWindow = new google.maps.InfoWindow;

var onMarkerClick = function() {
  var marker = this;
  var latLng = marker.getPosition();
  infoWindow.setContent("I'm here!!!!");

  infoWindow.open(map, marker);
};
google.maps.event.addListener(map, 'click', function() {
  infoWindow.close();
});


var marker1 = new google.maps.Marker({
  map: map,
  position: new google.maps.LatLng(26.937201,75.785672)
});


google.maps.event.addListener(marker1, 'click', onMarkerClick);
  } 
 var GMaps = Class.create();
GMaps.prototype = {             }
var gmaps = null;
function switchGMapsTab(tab){
    if ( tab.tab.container.activeTab.id == 'googlemap_tabs_id'){
        if (!gmaps){
               initialize();
        }
    }
}
varienGlobalEvents.attachEventHandler('showTab', switchGMapsTab);    
</script>

リンクにもアクセスしてください。v3APIを使用しているGoogleマップでグレースペースが発生する原因は何ですか。

ありがとう