Как сделать мой накладной накладной маркер

Question

Я пытаюсь создать сайт на основе Elegant Themes «Explorable» WP Theme, которая в свою очередь основана на плагине gmap3 jQuery. Это делает WP Posts, показанные на карте, как маркеры. Эти маркеры имеют оверлеи, которые указывают имена и категории сообщений, но не доступны для кликов. Я пытаюсь связать их с фактическими страницами сообщений. Но что-то не так.

Ниже приведен код с моей добавленной частью. Когда я раскомментирую часть, которую я добавил, карты вообще не загружаются. Скажите, пожалуйста, что я делаю неправильно.

function et_add_marker(marker_order, marker_lat, marker_lng, marker_description) { 
    var marker_id = 'et_marker_' + marker_order; 

    $et_main_map.gmap3({ 
     marker: { 
      id: marker_id, 
      latLng: [marker_lat, marker_lng], 
      options: { 
       icon: "<?php echo get_template_directory_uri(); ?>/images/blue-marker.png" 
      }, 
      events: { 
       click: function (marker) { 
        if (et_active_marker) { 
         et_active_marker.setAnimation(null); 
         et_active_marker.setIcon('<?php echo get_template_directory_uri(); ?>/images/blue-marker.png'); 
        } 
        et_active_marker = marker; 

        <!--marker.setAnimation(google.maps.Animation.BOUNCE);--> 
        marker.setIcon('<?php echo get_template_directory_uri(); ?>/images/red-marker.png'); 

        $(this).gmap3("get").panTo(marker.position); 

        $.fn.et_simple_slider.external_move_to(marker_order); 
       }, 
       mouseover: function (marker) { 
        $('#' + marker_id).css({ 
         'display': 'block', 
         'opacity': 0 
        }).stop(true, true).animate({ 
         bottom: '15px', 
         opacity: 1 
        }, 500); 
       }, 
       mouseout: function (marker) { 
        $('#' + marker_id).stop(true, true).animate({ 
         bottom: '50px', 
         opacity: 0 
        }, 500, function() { 
         $(this).css({ 
          'display': 'none' 
         }); 
        }); 
       } 
      } 
     }, 
     overlay: { 
      latLng: [marker_lat, marker_lng], 
      options: { 
       content: marker_description, 
       offset: { 
        y: -42, 
        x: -122 
       } 
      } 
      /* This is my code, that doesn't work */ 
      events: { 
       click: function (marker) { 
        window.location.href = "<?php 'the_permalink' ?>"; 
       } 
      } /*End of my code*/ 
     } 
    }); 
} 

Answer 1

Произошла запятая между вариантами и событием. Thanx для Dr.Molle.