Question

我正面临着谷歌地图的magento问题。我有控制器如下：

class MapSoftware_Map_Adminhtml_MapbackendController extends Mage_Adminhtml_Controller_Action
{

public function indexAction()
    {
       $this->loadLayout();
       $this->_title($this->__("MapSales"));
       $block = $this->getLayout()->createBlock('core/text', 'example-block')->setTemplate('map/mapbackend.phtml')->toHtml();

        $this->_addContent($block);
       $this->renderLayout();
    }
}

我将使用mapbackend.phtml文件，其代码如下所示

<style>
#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px;

  }
  #map-canvas img {  
        max-width: none;   
    }  
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=weather,places,drawing"></script>
<script>
var map;
function initialize() {
 var mapOptions = {
 zoom: 8,
 center: new google.maps.LatLng(0.1768697,37.9083264),
 mapTypeControl: true,
 mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DEFAULT,
  mapTypeIds: [
    google.maps.MapTypeId.ROADMAP,
    google.maps.MapTypeId.TERRAIN
  ]
},
zoomControl: true,
zoomControlOptions: {
  style: google.maps.ZoomControlStyle.SMALL
 }
};
map = new    
google.maps.Map(document.getElementById('mapcanvas'),mapOptions);

 var image = 'https://cdn0.iconfinder.com/data/icons/small-n-     
 flat/24/678111-map-marker-32.png';
 var myLatLng = new google.maps.LatLng(0.1768697,37.9083264);
 var beachMarker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
     });
    }
 google.maps.event.addDomListener(window, 'load', initialize);
 </script>
 <div id="map-canvas" style="width: 96%; height: 500px; position:    absolute;"></div>

所以现在我的问题是，当我浏览页面时，它只显示地图而不是控制器。此代码在本地计算机上运行，但它不在magento上运行。

请帮助我，我坚持这部分，我也是magento的新人。

Answer 1

我认为这是最新版本中的Google Map错误，导致地图控件不可见并引发JS错误。我在其他地方看到了同样的问题。请尝试使用v3.17。

Google地图控件未显示为magento

1 个答案: