当我使用FusionTablesLayer会与谷歌地图的JavaScript API V3空白页当我

我通过使用融合表的数据编写一个简单的页面。（FusionTablesLayer会与谷歌地图的JavaScript API V3），但并不显示在地图。你可以在这里看到的页面： http://www.siterary.com/0test.html 。有什么问题？该代码是如下面

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>test</title>
    <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBK_ErFIm-CYBsslK_9ZB6m0wPV197UaJg&sensor=false"></script>
    <script>

      function initialize() {

        var  istanbul = new google.maps.LatLng(41.01, 28.97);

        map = new google.maps.Map(document.getElementById('map_canvas'), {
          center: istanbul,
          zoom: 11,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        layer = new google.maps.FusionTablesLayer({
          query: { 
            select:  'Location' ,
            from: '1s3DYRvmNAfKgo-swjG39-8UEb9tHMm0UPHvW_tc'
          }
        });
        layer.setMap(map);
      }
    </script>
  </head>
  <body onload="initialize()">

<B>MAP</B> <BR>

    <div id="map_canvas"></div>
  </body>
</html>

文件“/maps/documentation/javascript/examples/default.css”不上你的网站存在。您的地图不具有有效的大小。

工作版本

代码片段：

 function initialize() { var istanbul = new google.maps.LatLng(41.01, 28.97); map = new google.maps.Map(document.getElementById('map_canvas'), { center: istanbul, zoom: 11, mapTypeId: google.maps.MapTypeId.ROADMAP }); layer = new google.maps.FusionTablesLayer({ query: { select: 'Location', from: '1s3DYRvmNAfKgo-swjG39-8UEb9tHMm0UPHvW_tc' } }); layer.setMap(map); } google.maps.event.addDomListener(window, 'load', initialize);

 html, body { height: 100%; margin: 0; padding: 0; } #map_canvas { height: 100%; } @media print { html, body { height: auto; } #map_canvas { height: 650px; } }

 <script src="https://maps.googleapis.com/maps/api/js"></script> <B>MAP</B> <BR> <div id="map_canvas"></div>

当我使用FusionTablesLayer会与谷歌地图的JavaScript API V3空白页当我

Answer 1:

收藏的人(0)

当我使用FusionTablesLayer会与谷歌地图的JavaScript API V3空白页当我

Answer 1:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮