<html>
<body>
<div id="map_canvas" style="widht: 500px; height: 400px;"></div>
</body>
<head>
<link rel="stylesheet" type="text/css" href="gMaps/gMap_style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript" src="gMaps/gMap.js"></script>
<script type="text/javascript">
var mMap = new gMap();
mMap.addMarker('uno', 0, 0, 'Text text text');
mMap.addMarker('dos', 0.002, 0.007);
mMap.addMarker('tres', 0.007, 0.001, 'More text');
tCenterItem = '<span id="centerMapForm">Centrar mapa aquí</span>';
function centerMap(aRef, event)
{
$('#centerMapForm').click(function ()
{
aRef.mMap.setCenter(event.latLng);
$('.map_context_menu').remove();
return false;
});
}
mMap.addMenuItem(tCenterItem, centerMap);
mMap.addMenuItem('Centrar mapa aquí');
mMap.addMenuItem('Lat: :lat:');
mMap.addMenuItem('Lng: :lng:');
mMap.createContextMenu();
mMap.createMap("map_canvas", 0, 0, 14);
</script>
</head>
</html>