Toggle basemaps with CartoDB.js / CreateLayer

[المشرف العام]

I would like to add a toggle control/switch for basemaps to my code. I tried something similar to this:

http://bl.ocks.org/iriberri/08abc420a376053c71d4

but it does not work in combination with CreateLayer.

I also found this:

https://groups.google.com/forum/#!topic/cartodb/IR5LSMj-Xio

where leaflets L.Control was used. But due to my limited JavaScript knowledge, I cannot get it to work... :/

// Pull tiles from CartoDB's basemaps L.tileLayer('http://otile{s}.mqcdn.com/tiles/1.0.0/{type}/{z}/{x}/{y}.{ext}', { type: 'map', ext: 'jpg', subdomains: '1234', attribution: 'Tiles Courtesy of MapQuest — Map data © OpenStreetMap' }).addTo(map_object); // For storing sublayer outside of createlayer var sublayers; // Add data layer to your map cartodb.createLayer(map_object,'https://xxx.cartodb.com/api/xxx/viz.json', { searchControl: false, legends: false, cartodb_logo: false, tooltip: true, infowindow: true, zoomControl: true, scrollWheelZoom: false, layer_selector: false, layerIndex:1 }) .addTo(map_object) .done(function(layer) { var sublayer0 = layer.getSubLayer(0); var sublayer1 = layer.getSubLayer(1); var sublayer2 = layer.getSubLayer(2); var sublayer3 = layer.getSubLayer(3); var sublayer4 = layer.getSubLayer(4); // hide sublayer1 sublayer2.hide(); sublayer3.hide(); sublayer4.hide();Full Code:


XXX

• xxx
• xxx
• xxx
• xxx

أكثر...