javascript - Google map API 标记不显示

Question

我刚刚开始使用 Goggle Maps API，并且已遵循所有说明，但由于某种原因， map 显示，但显示特定位置的标记未显示。

下面是我正在使用的代码:

function initialize() {
    var map_canvas = document.getElementById('map_canvas');
    var myLatIng = new google.maps.LatLng(-1.288902, 36.806304);

    var map_options = {
      center: myLatIng,
      zoom: 19
    }
  var map = new google.maps.Map(map_canvas, map_options);

  var contentString = '<h2>Capacity Development Institute</h2><p>NAS Apartments, Milimani Road,<br>P.O.Box 33411 - 00600, Nairobi, Kenya</p>';

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

    var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: 'Capacity Development Institute'
      });

    google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
          });
  }

  google.maps.event.addDomListener(window, 'load', initialize);

我究竟做错了什么？

谢谢

Answer 1

如果您检查控制台日志，您将看到一条消息:

Uncaught ReferenceError :myLatlng 未定义

您有一个拼写错误:

var myLatIng = new google.maps.LatLng(-1.288902, 36.806304);

应该是

var myLatlng= new google.maps.LatLng(-1.288902, 36.806304);

所以你必须在map_options和标记定义中将其更改为相同。