No me cambie el color jMapping

[ceaped]

Buenas tardes
Asi utilizo jMapping:

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
$('#map').jMapping({
category_icon_options: {
'color_1': {color: '#E8413A'},
'color_2': {color: '#465AE0'},
'color_3': {color: '#7CDF65'}
}
});
});
</script>
 

Código HTML:

<div id="map"></div>
    
<div id="map-side-bar">
<div class="map-location" data-jmapping="{id: 1, point: {lng: -122.2678847, lat: 37.8574888}, category: 'color_1'}">
<a href="#" class="map-link">Berkeley Bowl</a>
<div class="info-box">
<p>A great place to get all your groceries, especially fresh fruits and vegetables.</p>
</div>
</div>
 
<div class="map-location" data-jmapping="{id: 2, point: {lng: -122.4391131, lat: 37.7729943}, category: 'color_2'}">
<a href="#" class="map-link">Nopalito</a>
<div class="info-box">
<p>The best authentic Mexican restaurant in San Francisco.</p>
</div>
</div>
 
<div class="map-location" data-jmapping="{id: 3, point: {lng: -122.4481651, lat: 37.8042096}, category: 'color_3'}">
<a href="#" class="map-link">Exploratorium</a>
<div class="info-box">
<p>A hands-on museum of science, art, and human perception in San Francisco.</p>
</div>
</div>
</div>
 

Pero no me cambia "'color_1", "'color_2" y "color_3"

¿Qué me falta agregar?

Gracias por su ayuda

[ceaped]

Hola
Busco documentación, hago pruebas pero no se donde tengo el erró o que me hace falta.
¿Alguien sabe como puedo cambiar el color o sabe de algún tutorial?

[ceaped]

Encontré una forma pero no me funciona bien.

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
  $('#map').jMapping({
                     
    category_icon_options: function(category){
        
      if (category.charAt(2).match(/[a-m]/i)){
        return {color: '#32520C'};
        
        <!-- Colores para cada Zona en el mapa -->
      } else if (category.charAt(0).match(/[a-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=P|FF6FC6|FFFFFF');
        
      } else if (category.charAt(1).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=P|7CCD7C|FFFFFF');
        
      } else if (category.charAt(2).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=Ll|00B2EE|FFFFFF');
        
      } else if (category.charAt(3).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=S|9A32CD|FFFFFF');
        
      }  else if (category.charAt(4).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=E|EE7621|FFFFFF');
        
      } else if (category.charAt(5).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=L|FF3030|FFFFFF');
        
      } else if (category.charAt(6).match(/[n-z]/i)){
        return new google.maps.MarkerImage('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=C|CDBE70|FFFFFF');
      } 
    }
  });
});
</script>
 

Quien me puede ayudar

[Nanos]

Hola, yo utilizo este y me va muy bien:

http://www.bjornblog.com/web/jquery-store-locator-plugin