正文

leaflet底图切换

譬如朝露 V管理员/ / 0 评论/ 879阅读
11 15 
<body>
    <div id='map'></div>
    <button onclick="setLayer('china')">china</button>
    <button onclick="setLayer('ChinaDark')">ChinaDark</button>
    <button  onclick="closePop()">关闭弹窗</button>
</body>
 var host = window.isLocal ? window.server : "https://iserver.supermap.io";
     var China = host + '/iserver/services/map-china400/rest/maps/China';
     var ChinaDark= host + '/iserver/services/map-china400/rest/maps/ChinaDark';
    var map = L.map('map', {
        center: {lon: 0, lat: 0},
        maxZoom: 18,
        zoom: 2,
        zoomControl: false
    });

    var Baselayer=L.supermap.tiledMapLayer(China).addTo(map)
  const setLayer = (ele) => {
        map.removeLayer(Baselayer)

        if (ele == "china") {
            Baselayer=L.supermap.tiledMapLayer(China).addTo(map)
        } else if (ele == "ChinaDark") {
            Baselayer = L.supermap.tiledMapLayer(ChinaDark).addTo(map)
            console.log(Baselayer)
        }
    }


文章版权声明：除非注明，否则均为 譬如朝露_策温技术开发工作室博客原创文章，转载或复制请以超链接形式并注明出处。