可视化组件中的Google地图

当在visualforce页面中使用时，波纹管组件返回空白（但其打印值为“Hellow all”）..但在本地机器的纯html中使用时，返回地图。请指点可视化组件中的Google地图

<apex:component > 
    Hello all 
    <style type="text/css"> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map-canvas { height: 100% } 
    </style> 
     <head> 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
     <style type="text/css"> 
      html { height: 100% } 
      body { height: 100%; margin: 0; padding: 0 } 
      #map-canvas { height: 100% } 
     </style> 
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=KeyXXXX&sensor=false"> 
     </script> 
     <script type="text/javascript"> 
      function initialize() { 
      var mapOptions = { 
       center: new google.maps.LatLng(-34.397, 150.644), 
       zoom: 8, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map-canvas"), 
       mapOptions); 
      } 
      google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
     </head> 
     <body> 
     <div id="map-canvas"/> 
     </body> 
    </apex:component>

感谢，桑迪

来源

2013-08-25 user2577389