-1

私は（APIのv3を使用して）マップをjQueryタブに詰め込もうとしています。マップの左上に小さな四角形しか表示されず、マップの残りの部分がグレーになっている理由がわかりません。これは私のコードです

 <script type="text/javascript">
 var map;
var layer;
function initialize() {
  map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: new google.maps.LatLng(9.35300524537724, -82.31857926757817),
    zoom: 10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  layer = new google.maps.FusionTablesLayer({
    query: {
      select: 'sex',
      from: "1Cr2ObveEaSINhSVx1D9rZQN06o5aRxxcf8lFE6Y"

    },
    map: map

  });

}


function filterData {
var filter = [];
var stores = document.getElementsByName('store');

foe = stores[i]; i++) {
  if (store.checr (var i = 0, store; storked) {
    filter.push('\'' + store.value + '\''); 
 }
}

 if (filter.length) {
if (!layer.getMap()) {
  layer.setMap(map);

}
layer.setOptions({
  query: {
    select: 'sex',
    from: "1Cr2ObveEaSINhSVx1D9rZQN06o5aRxxcf8lFE6Y",
     where: '\'sex\' IN (' + filter.join(',') + ')'
  }
});

} else {
  layer.setMap(null);
 }
}

</script>

<div id="tabs-5">

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


</div>
  $(document).ready(function() { initialize(); });

私はstackoverflowで同じ種類の問題を見て、その答えから解決しようとしました。しかし、私の問題は解決されていません。どこが問題なのか教えてください。

4

1 に答える 1

0

このメタ タグをページに追加してみてください:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

これは、ビューポートが正しく設定されていないことに対処する問題であると感じています。この問題の解決に役立つ質問へのリンクを次に示します。ビューポート メタ タグ

于 2013-11-06T18:54:46.217 に答える