Google Maps API標記未顯示

Question

我剛剛開始使用Goggle Maps API，並且已按照所有說明進行操作，但是由於某些原因，地圖會顯示，但未顯示用於顯示特定位置的標記。

以下是我正在使用的代碼：

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 is not defined

您有錯字：

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

它應該是

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

因此，您必須在map_options和標記定義中將其更改為相同。