Маркер API Карт Google не отображается

Question

Я просто начал использовать API карт Goggle, и я выполнил все инструкции, но по какой-то причине карта показывает, но маркер, показывающий конкретное местоположение, не отображается.

Ниже код я использую:

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 и определении маркера, чтобы они были одинаковыми.