Javascript - Различные маркеры для разных типов

Question

Я работаю над настройкой маркеров Google на карте. При поиске одной области результаты возвращают карту с маркерами ресторанов, парков и встреч. Я пытаюсь дать разные значки маркеров в зависимости от типа результата. Поэтому я добавил аргумент «type» функции addMarker (whatami) и, в зависимости от случая, должен переключиться на правильный маркер. Однако ни один из маркеров не появляется.

maps.js:

function addMarker(latitude, longitude, title, whatami) { 

    switch (whatami) { 
     case 'park': 
     righticon = "'/assets/parkmarker.png'"; 
     break; 

     case 'rest': 
     righticon = "'/assets/restaurantmarker.png'"; 
     break; 

     case 'meetup': 
     righticon = "'/assets/meetupmarker.png'"; 
     break; 
    } 

    var markerLatlng = new google.maps.LatLng(latitude, longitude); 
    var marker = new google.maps.Marker({ 
    position: markerLatlng, 
    map: map, 
    icon: righticon, 
    title: title 
    }); 
    markers.push(marker); 
    latlng.push(markerLatlng); 
}; 

createevent.js.erb:

<% @restaurants.each do |item| %> 
    addMarker(<%= item.latitude %>,<%= item.longitude %>,'<%= item.name %>','rest'); 
<% end %> 
    <% @meetups.each do |item| %> 
    addMarker(<%= item.latitude %>,<%= item.longitude %>,'<%= item.name %>','meetup'); 
<% end %> 
    <% @parks.each do |item| %> 
    addMarker(<%= item.latitude %>,<%= item.longitude %>,'<%= item.name %>','park'); 
<% end %> 

Если я удалю заявление переключатель работает нормально. Может ли кто-нибудь определить, где я ошибаюсь?

Answer 1

опечатка на странице "/assets/parkmarker.png". удалите двойные кавычки.

Answer 2

На первый взгляд, я бы сказал, что вы излишне удвоилась на ваши цитаты, и вы не объявили righticon в качестве переменной внутри функции, как о чем-то вроде этого:

function addMarker(latitude, longitude, title, whatami) { 
    var markerLatlng = new google.maps.LatLng(latitude, longitude); 
    var markerSettings = { 
     position: markerLatlng, 
     map: map, 
     title: title 
    } 
    // this way we still use the default marker when there is none set 
    switch (whatami) { 
     case 'park': 
     markerSettings.icon = '/assets/parkmarker.png'; 
     break; 

     case 'rest': 
     markerSettings.icon = '/assets/restaurantmarker.png'; 
     break; 

     case 'meetup': 
     markerSettings.icon = '/assets/meetupmarker.png'; 
     break; 
    } 
    var marker = new google.maps.Marker(markerSettings); 
    markers.push(marker); 
    latlng.push(markerLatlng); 
}; 

Answer 3

Спасибо всем , Проблема заключалась в том, что маркеры вызывались в двух разных местах, и я добавлял их только к одному файлу. После добавления его к обоим работало. Глупая ошибка.