CartodbJS static API
by jsanz
HTML
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css">
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.uncompressed.js"></script>
<img id="map_preview"/>
JavaScript
var vizjson_url = 'https://documentation.cartodb.com/api/v2/viz/008b3ec6-02c3-11e4-b687-0edbca4b5057/viz.json';
var basemap = {
type: "http",
options: {
urlTemplate: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",
subdomains: ["a", "b", "c"]
}
};
// params are optional, the template has default values
var layerSource = {
user_name: 'solutions',
type: 'namedmap',
named_map: {
name: "named_map_test",
layers : [],
params: {
"filter" : "aa",
"color" : "red"
}
}
};
// this works
cartodb.Image(vizjson_url)
.size(600, 400)
.getUrl(function(err, url) {
console.log('from vizjson: ',url);
});
// this works
cartodb.Image(vizjson_url,{basemap:basemap})
.size(600, 400)
.getUrl(function(err, url) {
console.log('from vizjson with basemap: ',url);
});
// this doesn't work
cartodb.Image(layerSource)
.size(600, 400)
.getUrl(function(err, url) {
console.log('from layersource',url);
});