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