Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向google站点、google地图API添加HTML时出错_Javascript_Html_Api_Google Maps_Maps - Fatal编程技术网

Javascript 向google站点、google地图API添加HTML时出错

Javascript 向google站点、google地图API添加HTML时出错,javascript,html,api,google-maps,maps,Javascript,Html,Api,Google Maps,Maps,我使用向导将三个单独的融合表分层,并将其放在我的google站点上。我复制了向导中的HTML代码,并将其粘贴到我站点上的HTML框中。但是在HTML属性窗口中,它给了我一个错误:12+9-58:无法加载外部url js?sensor=false-我还在W3学校的“TryIt”中测试了这个HTML,它工作正常。我如何让它在网站上工作 <!DOCTYPE html> <html> <head> <style> #map-canvas { wid

我使用向导将三个单独的融合表分层,并将其放在我的google站点上。我复制了向导中的HTML代码,并将其粘贴到我站点上的HTML框中。但是在HTML属性窗口中,它给了我一个错误:12+9-58:无法加载外部url js?sensor=false-我还在W3学校的“TryIt”中测试了这个HTML,它工作正常。我如何让它在网站上工作

<!DOCTYPE html>
<html>
  <head>
  <style>
#map-canvas { width:900px; height:900px; }
.layer-wizard-search-label { font-family: sans-serif };
</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;
var layer_1;
var layer_2;
function initialize() {
  map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: new google.maps.LatLng(39.34723863007487, -100.37501562500003),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  layer_0 = new google.maps.FusionTablesLayer({
    query: {
      select: "col2",
      from: "1qYb8PKCG3P7plw8aFVVpn44RgQI0CNaIuOFhs9RV"
    },
    map: map,
    styleId: 2,
    templateId: 3
  });
  layer_1 = new google.maps.FusionTablesLayer({
    query: {
      select: "col2",
      from: "11PndImUQQPvqjGiNKx87MRrTe71sLHnkGxo9bacC"
    },
    map: map,
    styleId: 2,
    templateId: 3
  });
  layer_2 = new google.maps.FusionTablesLayer({
    query: {
      select: "col2",
      from: "12bzY7A88cndb6bFS43jXSbYqt1AUPNbprYOGgJxj"
    },
    map: map,
    styleId: 2,
    templateId: 3
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
  </html>

您需要包含API密钥吗?我从未真正尝试过,但我认为谷歌地图不允许你打匿名电话。以下是文档中的脚本:

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>