【问题标题】:Leaflet how to select a default map when fully loaded传单如何在完全加载时选择默认地图
【发布时间】:2018-08-23 08:08:31
【问题描述】:

所以我一直在从传单地图提供商那里收集地图图层,而网页没有加载任何图层地图,我必须手动选择它。 This is the webpage

这是代码:

// center of the map
var center = [14.240861626831018, 121.12966240455648];

// Create the map
var map = L.map('map', {attributionControl: false}).setView(center, 13);

//Layer Map
var osm = L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
{   
    maxZoom: 15,
    minZoom:13
}),
googleTerrain = L.tileLayer('http://{s}.google.com/vt/lyrs=p&x={x}&y={y}&z={z}',
{
    maxZoom: 15,
    minZoom:13,
    subdomains:['mt0','mt1','mt2','mt3']
}),
mlight = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw',
{
    maxZoom: 15,
    minZoom:13,
    id: 'mapbox.light'
}),
darkmatter = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}{r}.png', 
{
    attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a>',
    subdomains: 'abcd',
    maxZoom: 19
}),
googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',
{   
    maxZoom: 15,
    minZoom:13,
    subdomains:['mt0','mt1','mt2','mt3']
});

var baseMaps = {
    "Street": osm,
    "Terrain":googleTerrain,
    "Satellite": googleSat,
    "Dark": darkmatter,
    "MonoLight":mlight,
};

var overlays =  {
    };
L.control.layers(baseMaps,overlays, {position: 'bottomright'}).addTo(map);

我尝试通过传单网站搜索,我是否遗漏了什么?

【问题讨论】:

    标签: leaflet


    【解决方案1】:

    您不会将任何L.TileLayers 添加到地图中(例如foo = L.tileLayer(...).addTo(map))。只需添加您要默认启用的那个即可。

    请记住,L.Control.Layers 不会对指定为底图的任何图层是否已在地图上执行任何初始检查。一直是suggested as a feature,但尚未开展任何工作(到目前为止)。

    【讨论】:

      猜你喜欢
      • 2022-08-06
      • 2015-08-27
      • 2019-05-28
      • 2015-01-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-02
      • 1970-01-01
      相关资源
      最近更新 更多