Cartodb的层正电子

时间:2015-01-23 16:21:55

标签: javascript openlayers-3

我尝试使用OpenStreetMap数据添加C​​arto DB制作的图层:' Positron'。

我是OpenLayers3,我在CartoDB网站的页面中找到了代码:http://cartodb.com/basemaps

所以,我将代码添加到我的Javascript中,

var cartodb_positron        = new ol.layer.Tile({source: new ol.source.XYZ({
                                    url: 'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
                                    attributions:   [
                                        new ol.Attribution({ html: ['&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://cartodb.com/attributions">CartoDB</a>']})
                                                    ]
                                    })});

将我的图层添加到地图后

var map = 
    new ol.Map  ({
        target: 'map',
        layers: [cartodb_positron,vector_limit,vector_point],
        interactions: map_interactions,
        controls: map_controles,
        view: new ol.View({zoom: 11.20,minZoom: 11.20,maxZoom: 15, center: transform([1403000,2251475,1403000,2251475]),extent: transform([1380000,2211450, 1420157,2250936])})
                });

最后我的地图没有mapbase,但只有矢量图层......而且Mozilla firebug说了什么。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我找到了回复!

不是

url: 'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'

但是它

url: 'http://s.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'