作为更大项目的一部分,我们尝试使用Google的Map API v3在网站上获取地图.我已经按照Google制定的最简单的步骤进行了操作,我尝试从其他工作地图中直接复制代码.但无论我做什么,我们得到的只是一个灰色的盒子,没有地图.
使用Firebug,我可以看到试图填充地图的信息,但它根本就不显示.我已经尝试了专门为谷歌地图制作的jquery,jquery库,没有任何工作.我一直在互联网上,所有通过谷歌的api帮助文件.此外,问题不是本地的,因为我已将文件上载到多个服务器并在多个浏览器和计算机上进行测试.什么都行不通.
在这一点上,我忽略了一些愚蠢的东西.这是我的代码.
<!DOCTYPE html>
<html>
<head>
<title></title>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?&sensor=true">
</script>
<script type="text/javascript">
function load()
{
var mapDiv = document.getElementById("map");
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions =
{
//zoom: 8,
center:latlng,
//backgroundColor: '#ff0000',
mapTypeId: google.maps.MapTypeId.ROADMAP,
imageDefaultUI: true
};
var map = new google.maps.Map(mapDiv, mapOptions);
function createMarker(point, text, title)
{
var marker =
new GMarker(point,{title:title});
return marker;
}
}
</script>
</head>
<body onload="load()">
<div id="map" style="width: 800px; height: 400px;"></div> …我花了两个小时试图解决这个问题.我需要创建一个几乎与此链接上显示的表相同的表:
https://datatables.net/extensions/fixedcolumns/
它在垂直和水平方向上滚动,同时保持柱子固定在侧面.最后,我希望将正确的列固定而不是左侧,但目前这不是我的问题.
我的问题是,尽管有功能.js,它对列进行排序,并且几乎完成了它应该做的所有事情,甚至使用相同的CSS,中间容器 - 应该水平滚动的容器 - 不会.垂直滚动工作得很好.它显然在示例中工作,并且.js几乎应该在构建表后处理所有内容.现在,我只想在尝试从左列切换到右列之前使其工作.如果你可以同时帮助我,那就更好了,但正如我所说,不是目前至关重要的.
http://jsfiddle.net/biggest/WCpYx/6/
//jquery
$(document).ready( function () {
var oTable = $('#example').dataTable( {
"sScrollY": "300px",
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true,
"bPaginate": false
} );
new FixedColumns( oTable );
} );
//HTML
<div id="container" style="width: 700px;">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
<th>Engine version</th>
<th>CSS grade</th>
</tr>
</tfoot>
<tbody>
<tr class="gradeX">
<td>Trident</td>
<td>Internet Explorer 4.0</td>
<td>Win …