Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.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没有加载_Javascript_Google Maps_Google Maps Api 3_Overlay - Fatal编程技术网

我的谷歌地图JavaScript没有加载

我的谷歌地图JavaScript没有加载,javascript,google-maps,google-maps-api-3,overlay,Javascript,Google Maps,Google Maps Api 3,Overlay,我正试图创建一个谷歌地图与多边形覆盖加载到我的网站上。当我加载页面时,文本会显示,但地图不会加载 我是javascript新手,不完全确定自己在做什么,如果有一双新鲜(有经验)的眼睛,我将不胜感激 下面的代码位于html页面中。div规范都在css文件中定义,覆盖的坐标在链接的javascript文件中 这是我的密码: <head> <link rel="stylesheet" href="../style.css"/> <script type="text/jav

我正试图创建一个谷歌地图与多边形覆盖加载到我的网站上。当我加载页面时,文本会显示,但地图不会加载

我是javascript新手,不完全确定自己在做什么,如果有一双新鲜(有经验)的眼睛,我将不胜感激

下面的代码位于html页面中。div规范都在css文件中定义,覆盖的坐标在链接的javascript文件中

这是我的密码:

<head>
<link rel="stylesheet" href="../style.css"/>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?&sensor=false"></script>
<script type="text/javascript" src="greatredoubtData.js"></script>

<script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(43.003207, -73.610312),
      zoom: 16,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.SATELLITE
    };

var map = new google.maps.Map(document.getElementById('maps1k'),mapOptions);
var greatredoubt = createOverlay();
  greatredoubt.setMap(map);

  }

  function createOverlay() {
    var overlayCoords = new Array ();

    var processedData = greatredoubtData.split(";");

    for (var i=0; i<processedData.length; i++) {
    var myCoords = processedDate[i].split(",");
    overlayCoords.push(new google.maps.LatLng(xyCoords[0], xycoords[1]));

  }

    var myOverlay = new google.maps.Polygon({
      paths: overlayCoords,
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35

  });

    return myOverlay
  }


  </script>
  </head>
  <body onLoad="initialize">

  <p class="subtitle">Great Redoubt Prescribed Burn</p>
  <p>Saratoga National Historical Park</p>

  <div id="maps1" name="maps1">
  </div>

  <p class="caption">Date:  April 22, 2011
  </br>
Location:  LAT: 43.0023593/LON: -73.6106062/ LAT:43.0061421/LON:-73.6139449 (Tour Road Stop 9 & 10,       Saratoga NHP, Stillwater, NY)
  </br>
Burn Boss:  Jeff Wells, National Park Service
  </br>
Acres: 20/15 (planned)
  </br>
Primary Goals: reduce hazard fuels around historic structures, and maintain the cultural landscape of   open fields and vistas for the visiting public, thereby eliminating mechanical mowing.
  </p>

  </body>

函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(43.003207,-73.610312),
缩放:16,
disableDefaultUI:true,
mapTypeId:google.maps.mapTypeId.SATELLITE
};
var map=new google.maps.map(document.getElementById('maps1k'),mapOptions);
var greatredoubt=createOverlay();
greatredoubt.setMap(map);
}
函数createOverlay(){
var overlycoords=新数组();
var processedData=greatredoubtData.split(“;”);
对于(var i=0;i请尝试现在就开始工作

 <div id="maps1" name="maps1" style="width:400px;height:600px;">
 </div>


maps1k在哪里?我认为在javascript代码中它应该是maps1,这里var map=new google.maps.map(document.getElementById('maps1k'),maptoptions);另外,不要忘记为maps1 div指定高度和宽度。调用initialize时缺少括号