0

当在visualforce页面中使用时，波纹管组件返回空白（但它打印值“Hellow all”）..但是当在我本地机器的纯html中使用时返回地图。请指教

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

谢谢，桑迪

4

1 回答 1

1

问题在于 Salesforce 的风格

将您的组件嵌入到没有侧边栏、标题或样式的 VisualForce 页面中（standardStylesheets="false" showHeader="false" sidebar="false"），然后将此页面 iframe 到具有所有样式的另一个页面中，这将起作用。

于 2013-08-26T20:20:40.993 回答