谷歌地图版本3与标签中的magento

时间:2012-09-14 18:54:51

标签: google-maps magento google-maps-api-3

我正在尝试在标签中加载带有magento的谷歌地图版本3。地图显示的灰色部分覆盖了大部分地图。

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

1 个答案:

答案 0 :(得分:1)

我发现谷歌地图版本3的问题与标签中的magento有关,我在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>

访问链接,它也可以帮助您What is causing gray space on a Google Map using v3 API?

由于