https://education.github.com/pack
Para cargar un mapa estático dejo un ejemplo.
<div id=”map”></div>
<script src=”http://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js”></script>
<script src=”http://libs.cartocdn.com/cartodb.js/v3/3.11.24/cartodb.js”></script>
<script> window.onload = function() {
cdb.init(function() {
var vizjson_url = “http://team.cartodb.com/api/v2/viz/9f130ef2-6371-11e4-a0fd-0e9d821ea90d/viz.json”;
cartodb.createVis(“map”, vizjson_url, { share: true, title: true, description: true, search: true, gmaps_base_type: ‘roadmap’, gmaps_style: ‘[{“featureType”: “water”,”elementType”: “geometry”,”stylers”: [{ “color”: “#80a580” }]}]’ });
}); }
</script>
La variable var es una url, que por get ingresa a los datos de cartodb de tu cuenta, ejemplo:
var vizjson_url = “http://{idcuenta}.cartodb.com/api/v2/viz/{api-key}/viz.json”;
Guías oficiales: