Mapbox地图的宣传单时间轴滑块

Question

我正在使用Mapbox创建的地图，我正在尝试从dwilhem89实现传单时间轴滑块的代码，但是我遇到了麻烦，因为这个基本地图不是OpenStreetMap地图。在滑块代码中为基础层myMap或tileLayer调用Mapbox地图不起作用。有任何想法吗？谢谢!!

原始调用Mapbox地图：

L.mapbox.accessToken = 'pk.eyJ1IjoiamdpZXNla2luZyIsImEiOiJIMzEyUzJzIn0.aHScV4IcDZF3unbDoSwjEA';
var map = L.mapbox.map('map', 'jgieseking.dw9suh8g').setView([40.7178,-73.9554], 12);

宣传单代码：

var myMap = L.map('map').setView([52.06, 7.40], 10);

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

从这里开始，我也想知道如何从Mapbox（来自同一个accessToken）向地图添加其他图层。下面，您将看到代码中唯一的示例是从服务器上的文件中获取GEOJSON点。如果我只想在html文件中添加图层，我将实现如下所示的代码。有小费吗？谢谢！

宣传单代码：

$.getJSON("points.json", function(json) {
var testlayer = L.geoJson(json),
    sliderControl = L.control.sliderControl({
        position: "topright",
        layer: testlayer
    });

我将如何添加HTML图层：

addLayer(L.mapbox.tileLayer('jgieseking.8zyoyedn'), 'Base Map: Median Household Income 2010', 1);