信息窗口导致地图消失

我使用Dart创建了一个简单的谷歌地图应用程序。它一直运行得很好，直到我在这段代码中添加了一个从开发人员网站上获取的标记。现在，当应用程序运行时，屏幕会变为空白，我不确定哪里出了问题。这是html文件：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta charset="utf-8">
<style type="text/css">
  html, body, #map_canvas {
    height: 100%;
    margin: 0px;
    padding: 0px
  }
</style>
</head>
<body>
<div id="map_canvas"/>
 <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="application/dart" src="page.dart"></script>
<script src="packages/browser/dart.js"></script>
<script src="packages/browser/interop.js"></script>
</body>
</html>

这是省道文件：

import 'dart:html';
import 'package:google_maps/google_maps.dart';
void main() {
  var myLatlng = new LatLng(-25.363882,131.044922);
  final mapOptions = new MapOptions()
    ..zoom = 4
    ..center = myLatlng
    ..mapTypeId = MapTypeId.ROADMAP
    ;
  final map = new GMap(querySelector("#map_canvas"), mapOptions);
  final contentString = '<div id="content">'
      '<div id="siteNotice">'
      '</div>'
      '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'
      '<div id="bodyContent">'
      '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large '
      'sandstone rock formation in the southern part of the '
      'Northern Territory, central Australia. It lies 335&#160;km (208&#160;mi) '
      'south west of the nearest large town, Alice Springs; 450&#160;km '
      '(280&#160;mi) by road. Kata Tjuta and Uluru are the two major '
      'features of the Uluru - Kata Tjuta National Park. Uluru is '
      'sacred to the Pitjantjatjara and Yankunytjatjara, the '
      'Aboriginal people of the area. It has many springs, waterholes, '
      'rock caves and ancient paintings. Uluru is listed as a World '
      'Heritage Site.</p>'
      '<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php title=Uluru&oldid=297882194">'
      'http://en.wikipedia.org/w/index.php?title=Uluru</a> '
      '(last visited June 22, 2009).</p>'
      '</div>'
      '</div>';
  final infowindow = new InfoWindow(new InfoWindowOptions()
    ..content = contentString
  );
  final marker = new Marker(new MarkerOptions()
    ..position = myLatlng
    ..map = map
    ..title = 'Uluru (Ayers Rock)'
  );
  marker.onClick.listen((e) {
     infowindow.open(map, marker);
  });
}

您可以在https://github.com/a14n/dart-google-maps/tree/master/example/04-overlays/infowindow-simple

相关内容

最新更新

热门标签：