<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>图层切换</title>
    <link rel="stylesheet" href="https://map.botaisoft.com/js/doc/lib/fmap.css">
    <script src="https://map.botaisoft.com/js/doc/lib/fmap.js"></script>
    <style>
    body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>
</head>

<body>
    <div id="map"></div>
    <script>
        // 设置地图瓦片层url
        var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJGQU5HaTIyR0VOeUhsTTJCZ211bEhpRGhtR2pFYmFLYyIsInVzZXIiOiJndWVzdCJ9.CJ9JuWCxrx4U40K%2FHoBcgqP%2Bgn%2BWqXE9io6eCxi6g9g%3D"
        var url = {
            osmLayerUrl: "http://{s}.tile.osm.org/{z}/{x}/{y}.png",
            mixMapUrl: 'http://map.botaisoft.com/apis/v1/rastertiles/mix_map/{z}/{x}/{y}.png?token='+token
        };
        var fmapAttrib = '© FMap';
        //图层配置
        var baseLayers = {
            "OSM": FMap.tileLayer(url.osmLayerUrl, { attribution: fmapAttrib, minZoom: 1, maxZoom: 18 }),
            "融合图": FMap.tileLayer(url.mixMapUrl, { attribution: fmapAttrib, minZoom: 1, maxZoom: 17 })
        };
        //创建地图实例
        var map = new FMap.Map('map', {
            center: new FMap.LatLng(38.92705, 121.6580833),
            zoom: 6,
            layers: [baseLayers["OSM"]]
        });
        //添加图层选择控件
        FMap.control.layers(baseLayers).addTo(map);
    </script>
</body>

</html>

results matching ""

    No results matching ""