0

我正在尝试为我正在做的网站在谷歌地图上显示一个标记。没有标记代码，地图加载正常并显示正确的位置（没有标记），当我添加标记代码时，地图不再加载。显然我错过了一些简单的东西，但我对 Jquery 不太熟悉。

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map-canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBWJYTBt3bKUIsQKKsQPSnR1IHNdkAmBQs&sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(53.154662, -1.208357),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
var marker = new google.maps.Marker({
  position:(53.154662, -1.208357),
  map: map-canvas,
  title:"Hello World!"
});
  google.maps.event.addDomListener(window, 'load', initialize);

</script>

感谢您的任何帮助。

4

1 回答 1

1

map-property 应该是-instance，而google.maps.Mapposition-property 必须是google.maps.LatLng：

此外，您必须在地图已经创建并在地图实例可访问的范围内创建标记，例如在initialize().

function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(53.154662, -1.208357),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);

    var marker = new google.maps.Marker({
      position:new google.maps.LatLng(53.154662, -1.208357),
      map: map,
      title:"Hello World!"
    });
  }
于 2013-04-13T22:32:39.140 回答