Google Maps API，将API提供给InfoWindow

2018-06-12 13:07:29

我正在为一个大学项目工作，这个项目是一个Web应用程序Mashup，它必须包含2个API，我使用的是“StatsFc”和“Google Maps”API，这两个API都很容易理解，并使用第一个问题我有。

为了饲养特定足球队的下一场比赛，他们告诉你使用这段代码：

<!-- Place in the <head> of your page -->
   <script src="//code.jquery.com/jquery-latest.min.js"></script>
   <link rel="stylesheet" href="//api.statsfc.com/widget/next-fixture.css">
   <script src="//api.statsfc.com/widget/next-fixture-1.0.min.js"></script>

   <!-- Place in the <body> of your page -->
   <div id="statsfc-next-fixture"></div>

   <!-- Place just before the closing </body> tag -->
     <script>
      var nextFixture = new StatsFC_NextFixture('API_KEY');
      nextFixture.team = 'Liverpool';
      nextFixture.display('statsfc-next-fixture');
      </script>

我遵循完美的，当在任何页面上的div除了我在Google地图信息窗口内的div之外，它完美无瑕。

这是地图部分，现在whaen代码运行已显示，但API信息未被馈入div

 function initialize() {
    var myLatlng = new google.maps.LatLng(53.4302988,-2.9616045);
     var mapOptions = {
      zoom: 4,
       center: myLatlng
     };

   var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

   var contentString = '<div id="siteNotice">'+
 '<div id="statsfc-next-fixture">'+

  '</div>'+
  '</div>';

  var infowindow = new google.maps.InfoWindow({
     content: contentString
    });

我不明白这是一个可怕的很多，所以我对先进的道歉我的不好的解释，我也不知道这是否可能做，所以请帮助或信息将不胜感激。如果您还有其他问题，请多多指教

詹姆士

确保你只有一个div，id =“statsfc-next-fixture”

从页面底部移除

<script>
  var nextFixture = new StatsFC_NextFixture('API_KEY');
  nextFixture.team = 'Liverpool';
  nextFixture.display('statsfc-next-fixture');
  </script>

添加到初始化函数的末尾

var nextFixture = new StatsFC_NextFixture('API_KEY'); nextFixture.team = 'Liverpool'; nextFixture.display('statsfc-next-fixture');

如果这不起作用，我有更多的方法可以做到这一点...

链接地址: http://www.djcxy.com/p/35867.html

上一篇: Google Maps API, feeding an API into an InfoWindow

下一篇: Lunar Phase API