Cómo instalar jMapping

[ceaped]

Buenas tardes para todos
Deseo utilizar GoogleMaps y encontré esta útili herramienta:

http://vigetlabs.github.com/jmapping...y_options.html

Así la instalo:

Descague y puse en mi .html estos script

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=false"></script>
<script type="text/javascript" src="js_mapa/markermanager.js"></script>
<script type="text/javascript" src="js_mapa/StyledMarker.js"></script>
<script type="text/javascript" src="js_mapa/jquery.min.js"></script>
<script type="text/javascript" src="js_mapa/jquery.metadata.js"></script>
<script type="text/javascript" src="js_mapa/jquery.jmapping.js"></script>

Luego puese este otro código:

<!-- Código para cargar mapa -->
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('#map').jMapping({
category_icon_options: {
'restaurant': {color: '#E8413A'},
'museum': {color: '#465AE0'},
'default': {color: '#7CDF65'}
}
});
});
</script>

Y por último en el body del .html esto:

<!-- Cargar mapa -->
<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: 'market'}">
<a href="#" class="map-link">Restaurante 1</a>
<div class="info-box">
<p>Texto enlace 1.</p>
</div>
</div>

<div class="map-location" data-jmapping="{id: 2, point: {lng: -122.4391131, lat: 37.7729943}, category: 'restaurant'}">
<a href="#" class="map-link">Restaurante 2</a>
<div class="info-box">
<p>Texto enlace 2.</p>
</div>
</div>

<div class="map-location" data-jmapping="{id: 3, point: {lng: -122.4481651, lat: 37.8042096}, category: 'museum'}">
<a href="#" class="map-link">Restaurante 3</a>
<div class="info-box">
<p>Texto enlace 3.</p>
</div>
</div>

Pero no visualizo ningún mapa.

Me indican que me hace falta poner?

Gracias por su ayuda