API Карт Google v3 не загружает все маркеры

Question

У меня был взгляд вокруг, но никто, похоже, не сталкивался с подобной проблемой.

Я пытаюсь создать карту, которая имеет 5 маркеров для 5 мест, но по какой-то причине, карта, кажется, только нагружать 4

Вот ссылка на мой код http://urloritdidnthappen.appspot.com/501001

Так что я попробовал?

У меня была мысль, что два из этих маркеров были слишком близко друг к другу. Тот, кто не показывал (croEndMarker), был очень близок к месту рогаМаркер. Я удалил рожкиMarker, но безрезультатно.

Затем я поменял координаты croEndMarker на те, что были в рогахMarker. рожки Маркер тогда показывал в положении croEndMarker. Не уверен, что я пытался исключить здесь, но достаточно сказать, что нет черных дыр, проглатывающих маркеры в этом точном месте

Я действительно не знаю, каким должен быть мой следующий шаг. Есть ли ограничение на количество маркеров, которые вы можете разместить в определенной области?

Спасибо всем большое за любую помощь, вы можете предложить

TL; DR: Карта не будет показывать все 5 маркеров, пожалуйста, помогите. http://urloritdidnthappen.appspot.com/501001

В соответствии с просьбой, сам код:

 <script type="text/javascript"> 
     function initialize() { 

      var brentX = new google.maps.LatLng(51.575363, -0.225273); 
      var finCen = new google.maps.LatLng(51.60096, -0.192459); 
      var horns = new google.maps.LatLng(51.58713,-0.121549); 
      var finPar = new google.maps.LatLng(51.568574, -0.102657); 
      var croEnd = new google.maps.LatLng(51.579656,-0.153775); 

      var mapOptions = { 
      center: new google.maps.LatLng(51.542492, -0.103394), 
      zoom: 12, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

      var brentXMarker = new google.maps.Marker({ 
      position: brentX, 
      title: "Brent Cross" 
      }); 

      var finCenMarker = new google.maps.Marker({ 
      position: finCen, 
      title: "Finchley Central" 
      }); 

      var hornsMarker = new google.maps.Marker({ 
      position: horns, 
      title: "Hornsey" 
      }); 

      var finParMarker = new google.maps.Marker({ 
      position: finPar, 
      title: "Finsbury Park" 
      }); 

      var croEndMarker = new google.maps.Marker({ 
      position: croEnd, 
      title: "Crouch End" 
      }); 


     brentXMarker.setMap(map); 
     finCenMarker.setMap(map); 
     hornsMarker.setMap(map); 
     finParMarker.setMap(map); 
     croEndMarker.setmap(map); 

     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 

    <div id="map-canvas" style="width: 1200px; height: 600px;" /> 

Answer 1

Следите camelcase. Оно должно быть:

croEndMarker.setMap(map); 

FWIW, это появился бы в console log как:

TypeError: croEndMarker.setmap is not a function