2013-10-11 3 views
1

Google 전문가의 도움을 받아 HTML 파일을 브라우저로 드래그 할 때 완벽하게 작동하는 HTML 코드가 있습니다. 하지만 Google 사이트에 제대로 표시되지는 않습니다. 내가 찾은 가장 가까운 것은 검색 상자 섹션이 표시되지만지도는 표시되지 않습니다. HTML을 페이지에 직접 넣으려고해도 작동하지 않습니다. iFrame 래퍼가 작동하지 않습니다.Google 사이트에 html이 표시되지 않습니다.

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
    #panel { 
     margin: 8px 0; 
    } 
    #map-canvas { width:700px; height:700px; } 
    </style> 
    <script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false"> 
    </script> 
    <script type="text/javascript"> 
    var map; 
    var layer_0; 
    function initialize() { 
     geocoder = new google.maps.Geocoder(); 
     map = new google.maps.Map(document.getElementById('map-canvas'), { 
     center: new google.maps.LatLng(38.497533829342345, -86.4128420767679), 
     zoom: 11, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
     }); 
     var style = [ 
     { 
      featureType: 'all', 
      elementType: 'all', 
      stylers: [ 
      { saturation: -20 } 
      ] 
     } 
     ]; 
     var styledMapType = new google.maps.StyledMapType(style, { 
     map: map, 
     name: 'Styled Map' 
     }); 
     map.mapTypes.set('map-style', styledMapType); 
     map.setMapTypeId('map-style'); 
     layer_0 = new google.maps.FusionTablesLayer({ 
     query: { 
      select: "col2", 
      from: "1ET-gDs1z0v1T5LVIjYEMPLLCIhLQ1IRiWhq7IMY" 
     }, 
     map: map, 
     styleId: 2, 
     templateId: 2 
     }); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 

    function codeAddress() { 
     var street = document.getElementById('street').value; 
     var city = document.getElementById('city').value; 
     var address = street + ' ' + city + ' Indiana'; 
     geocoder.geocode({'address': address}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      map.setCenter(results[0].geometry.location); 
    map.setZoom(15); 
      var marker = new google.maps.Marker({ 
       map: map, 
       position: results[0].geometry.location 
      }); 
     } else { 
      alert('Unable to locate the address'); 
     } 
     }); 
    } 
    </script> 
    </head> 
    <body> 

    <div id="panel"> 
     <span>Enter street address:</span> 
     <input id="street" type="textbox" value="501 Elm St"> 
     <span>City: </span> 
     <select id="city"> 
    <option value="Paoli, Indiana">Paoli</option> 
    <option value="Hardinsburg, Indiana">Hardinsburg</option> 
    <option value="Orleans">Orleans</option>  <option value="Marengo">Marengo</option>  <option value="English">English</option>  <option value="Campbellsburg">Campbellsburg</option>  <option value="Livonia">Livonia</option>  <option value="French Lick">French Lick</option> 
    <option value="West Baden">West Baden</option>  <option value="Orangeville">Orangeville</option>   <option value="">(Other)</option> 
     </select> 
     <input type="button" value="Show address" onclick="codeAddress()"> 
    </div> 
    <div id="map-canvas"></div> 
    </body> 
</html> 
+0

귀하의 사이트는 무엇입니까? – BrownEyes

+0

내가 코드를 표시하고자하는 사이트 : https://sites.google.com/a/paoli.k12.in.us/paoli-community-school-corporation-admin/boundary - 여기에 표시된지도는 검색 기능을 포함하지 않고 쉽게 내 융합 테이블에 연결할 수있었습니다. 검색 기능을 추가하면 html 코드가 생겼지 만 동일한 방식으로 내 테이블에 링크 할 수는 없습니다. –

+3

어,지도가로드됩니다. 문제가 정확히 무엇입니까? – Axel

답변

0

당신은 Google 사이트에서 응용 프로그램을 배포하는 당신은 구글 앱 엔진이 응용 프로그램을 추가해야합니다 HTML/자바 스크립트

와 응용 프로그램이 : 다음은 누구든지 도움이 될 수있는 경우 HTML입니다.

http://tutorialzine.com/2011/01/getting-started-with-google-app-engine/

나는이 튜토리얼은 당신을 도울 수, 생각합니다.

관련 문제