atlefren · July 28, 2015 08:25
diff --git a/cartodblayer.html b/cartodblayer.html
 <!DOCTYPE html>
 <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
        <style type="text/css">
            #map {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }
        </style>
    </head>
    <body>

        <div id="map"></div>

        <script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.core.js"></script>
        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
        <script type="text/javascript">

            function getCartodbLayer(vizFile, callback) {
                cartodb.core.Loader.get(vizFile, function (data) {
                    var sublayers = data.layers[1].options.layer_definition.layers.map(function (layer) {
                        return {
                            cartocss: layer.options.cartocss,
                            sql: layer.options.sql
                        }
                    });

                    var definition = {
                        type: 'cartodb',
                        user_name: data.layers[1].options.user_name,
                        sublayers: sublayers
                    };
                    cartodb.Tiles.getTiles(definition, function (tiles) {
                        callback(tiles.tiles);
                    });
                });
            }

            var map = L.map('map').setView([60.0, 10.0], 5);

            L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            }).addTo(map);

            var layerUrl = 'https://knreise.cartodb.com/api/v2/viz/da65d3d8-0a81-11e5-925e-0e5e07bb5d8a/viz.json';
            getCartodbLayer(layerUrl, function (layers) {
                layers.forEach(function (layerUrl) {
                    L.tileLayer(layerUrl).addTo(map);
                });
            });

        </script>
    </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
	<style type="text/css">
	#map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}
	</style>
	</head>
	<body>

	<div id="map"></div>

	<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.core.js"></script>
	<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<script type="text/javascript">

	function getCartodbLayer(vizFile, callback) {
	cartodb.core.Loader.get(vizFile, function (data) {
	var sublayers = data.layers[1].options.layer_definition.layers.map(function (layer) {
	return {
	cartocss: layer.options.cartocss,
	sql: layer.options.sql
	}
	});

	var definition = {
	type: 'cartodb',
	user_name: data.layers[1].options.user_name,
	sublayers: sublayers
	};
	cartodb.Tiles.getTiles(definition, function (tiles) {
	callback(tiles.tiles);
	});
	});
	}

	var map = L.map('map').setView([60.0, 10.0], 5);

	L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
	attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
	}).addTo(map);

	var layerUrl = 'https://knreise.cartodb.com/api/v2/viz/da65d3d8-0a81-11e5-925e-0e5e07bb5d8a/viz.json';
	getCartodbLayer(layerUrl, function (layers) {
	layers.forEach(function (layerUrl) {
	L.tileLayer(layerUrl).addTo(map);
	});
	});

	</script>
	</body>
	</html>
No results found