google-maps - 标签中带有magento的谷歌地图版本3

Question

我正在尝试在标签中使用 magento 加载 google map version3。地图以覆盖大部分地图的灰色部分显示。

任何人都可以帮助我。提前致谢。

Answer 1

我在标签中发现了带有 magento 的 google map version3 的问题，在 google 上进行了许多研发后，我得到了解决方案。我想与您分享...这是解决方案：

<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>

也访问链接，它也可以帮助您使用 v3 API 导致 Google 地图上出现灰色空间的原因是什么？

谢谢