2013-08-25 2 views
0

Ниже представлен список пустых значений (но он печатает значение «Hellow all») при использовании на странице visualforce .., но при использовании в обычном html на моем локальном компьютере возвращается карта. Пожалуйста, советыGoogle map в компоненте визуальной силы

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

Спасибо, Sandy

ответ

1

Проблема заключается в со стилями Salesforce в

Вставить ваш компонент внутри страницы Visualforce без боковой панели заголовков и стилей (standardStylesheets = "ложь" showHeader = "ложь «sidebar =« false »), затем iframe эту страницу на другой странице со всеми стилями, которые будут работать.

Смежные вопросы