如何在我的OSM地图中使用Leaflet显示“公共gps跟踪”?

时间:2017-11-15 16:19:38

标签: leaflet openstreetmap

当我进入openstreetmaps时,我可以看到在querystring中切换的标志,但是在我的传单实现中,我无法显示“公共GPS跟踪”或“循环地图”。我是Leaflet的新手,并假设它是一层。但是有许多层的变体,我不知道如何要求它显示这些。

这是我的代码......

var map = L.map( 'wwmap', {
  center: [41.2779, -72.7073],
  minZoom: 9,
  zoom: 13,   
}) 
  L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
  subdomains: ['a', 'b', 'c']
}).addTo( map )

在以下URL中,我可以看到传递的图层标志,(layers = CG)。不知道如何让它们显示在我的嵌入式默认地图中。 带有查询字符串的示例网址: https://www.openstreetmap.org/#map=16/41.2812/-72.7147&layers=CG

2 个答案:

答案 0 :(得分:2)

这些标志(图层= CG)与您无关。他们只是告诉激活哪些磁贴源。

查看浏览器加载的图片,您会看到这些图块来源的网址。 GPS图层位于http://gps-{s}.tile.openstreetmap.org/lines/,周期图层位于http://{s}.tile.thunderforest.com/cycle/

有关可能的磁贴服务器列表,请查看:

请注意,每个磁贴服务器都有一个您必须遵循的特定usage policy。此外,一些(例如来自Thunderforest的磁贴)需要API密钥。

答案 1 :(得分:0)

我们需要添加两个图块层,以实现公共gps跟踪

 var map = new L.Map("map", { center: [37.8, -96.9], zoom: 4})
                    .addLayer(new L.TileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"))
                    .addLayer(new L.TileLayer("http://gps-{s}.tile.openstreetmap.org/lines/{z}/{x}/{y}.png"));