leaflet实现整合调用谷歌、天地图、智图、高德地图切换效果代码

代码语言:html

所属分类:其他

代码描述:leaflet实现整合调用谷歌、天地图、智图、高德地图切换效果代码,可切换智图地图、智图多彩、智图午夜蓝、智图灰色、智图暖色、智图冷色、天地图、天地图影像、谷歌地图、谷歌影像、高德地图、高德影像。

代码标签: leaflet 整合 调用 谷歌 天地图 智图 高德 地图 切换

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

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

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/leaflet.1.6.0.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/leaflet.1.6.0.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/leaflet.ChineseTmsProviders.js"></script>
</head>

<body>
    <div id="map" style="width: 100vw;height: 100vh">
    </div>
    <script>
        /**
         * 智图地图内容
         */
        var normalm1 = L.tileLayer.chinaProvider('Geoq.Normal.Map', {
            maxZoom: 18,
            minZoom: 5
        });
        var normalm2 = L.tileLayer.chinaProvider('Geoq.Normal.Color', {
            maxZoom: 18,
            minZoom: 5
        });
        var normalm3 = L.tileLayer.chinaProvider('Geoq.Normal.PurplishBlue', {
            maxZoom: 18,
            minZoom: 5
        });
        var normalm4 = L.tileLayer.chinaProvider('Geoq.Normal.Gray', {
            maxZoom: 18,
            minZoom: 5
        });
        var normalm5 = L.tileLayer.chinaProvider('Geoq.Normal.Warm', {
            maxZoom: 18,
            minZoom: 5
        });
        var normalm6 = L.tileLayer.chinaProvider('Geoq.Normal.Cold', {
            maxZoom: 18,
            minZoom: 5
        });
        /**
         * 天地图内容
         */
        var normalm = L.tileLayer.chinaProvider('TianDiTu.Normal.Map', {
                maxZoom: 18,
                minZoom: 5
            }),
            normala = L.tileLayer.chinaProvider('TianDiTu.Normal.Annotion', {
                maxZoom: 18,
                minZoom: 5
            }),
            imgm = L.tileLayer.chinaProvider('TianDiTu.Satellite.Map', {
                maxZoom: 18,
                minZoom: 5
            }),
            imga = L.tileLayer.chinaProvider('TianDiTu.Satellite.Annotion', {
              .........完整代码请登录后点击上方下载按钮下载查看

网友评论0