minemap 3.0 加载影像

最新推荐文章于 2024-08-15 10:19:04 发布

A873054267

最新推荐文章于 2024-08-15 10:19:04 发布

阅读量719

点赞数

分类专栏： minemap

本文链接：https://blog.csdn.net/A873054267/article/details/107323035

版权

minemap 专栏收录该内容

10 篇文章 3 订阅

订阅专栏

自从用了minemap3.0，我连球都玩儿不来了，神奇的改造，需要自己添加影像，不添加就永远都是模糊的。

http://dev.minedata.cn/minemapapi/demo-3.0.0/#base_map

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础地图</title>
    <link rel="stylesheet" href="./css/minemap.css">
    <script src="./js/minemap.js"></script>
    <style>
        html, body, #map {
            width: 100%;
            height: 100%;
        }

        html, body {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div id="map"></div>
<script>
    /**
     * 基本地图加载
     * 地图缩放级别限制
     */

    minemap.accessToken = '25cc55a69ea7422182d00d6b7c0ffa93';
    minemap.solution = 2365;
    var map = new minemap.Map({
        container: 'map',
        style: "//dev.minedata.cn/service/solu/style/id/2365", /*底图样式*/
        "center": [114.04928421915133, 22.547881642297426],
        "zoom": 19.4,
        pitch: 0, /*地图俯仰角度*/
        maxZoom:22, /*地图最大缩放等级*/
        minZoom:1,  /*地图最小缩放等级*/
        sphereRender: true,/*三维球体模式*/
    });

    /**
     * 添加基本球体图层，包括球体表面、天空盒、大气层
     *
     */
    map.on('load', () => {
        map.addSource('LIGHT_RASTER', {
            type: 'raster',
            tiles: [
                'http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',
                'http://wprd02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',
                'http://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',
                'http://wprd04.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7',

            ],
            tileSize: 256,
            tileUsage: 'all'// 瓦片用途
        });

        map.addLayer({
            id: 'LIGHT_RASTER',
            type: 'sphere-raster',
            source: 'LIGHT_RASTER',
            minzoom: 3,
            maxzoom: 22,
            'depth-test': false
        });



    });
</script>
</body>