Google Map V3 с тремя массивами маркеров

Question

Ниже приведен некоторый javascript, основанный на документации Google Maps. Он должен отображать маркер в указанных координатах LatLng. Тем не менее, он показывает карту только без маркера. Может кто-то указать, что я сделал не так? Я давно смотрю на это и не могу понять. Также мне нужно изменить этот код так, чтобы он принимал два массива координат маркера. Каждый массив должен иметь различный значок маркера: red.png, yellow.png и blue.png. Я планирую со временем получить координаты для каждой группы маркеров, вызвав веб-метод на стороне сервера (C #). Но для простоты давайте на данный момент проигнорируем это требование и предположим, что у нас есть три статических массива. Может кто-нибудь показать мне, что мне нужно делать? Я видел много подобных вопросов на S.O. но ни один из ответов, кажется, не работает для меня.

<script type="text/javascript" src="http://maps.google.com/maps?file=api&sensor=true">

<script type="text/javascript"> 
  var map;
  function initialize() {
    var myOptions = {
      zoom: 5,
      center: new google.maps.LatLng(39.50, -98.35),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);
        map.addOverlay(new google.maps.Marker(
new google.maps.LatLng(39.50, -98.35)));
  }

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

Answer 1

Маркеры создаются как:

var marker = new google.maps.Marker({       
    position: new google.maps.LatLng(39.50, -98.35),       
    map: map
    //, ...
});