zoukankan      html  css  js  c++  java
  • ol-接入minedata 加密pbf 数据

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset='utf-8' />
        <title></title>
        <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
         
        <style>
            body {
                margin: 0;
                padding: 0;
            }
    
            #map {
                position: absolute;
                top: 0;
                bottom: 0;
                 100%;
            }
        </style>
    </head>
    
    <body>
        <div id="map"></div>
    </body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.6.5/ol.js"></script>
    <script>
          
        var $ = function(t, e) {        
            return t
        }
         
        var layer = new ol.layer.VectorTile({
            source: new ol.source.VectorTile({
                format: new ol.format.MVT(),
                maxZoom: 17,
                url: 'https://minedata.cn/service/data/mvt-layer?datasource=merge&z={z}&x={x}&y={y}&request=GetTile&key=16be596e00c44c86bb1569cb53424dc9&solu=12877',
                tileLoadFunction: (tile, url) => {
                    var coord = tile.getTileCoord();
                    let key = [coord[0], coord[1], -(coord[2] + 1)].join();
    
                    tile.setLoader(function () {
                        var format = tile.getFormat();
                        fetch(url,{responseType:'arraybuffer'})
                            //.then(r => r.blob())
                            .then(r => r.arrayBuffer())
                            .then(r => {
                                var data = $(r, { url: url });
                                tile.setProjection(format.readProjection(data));
                                tile.setFeatures(format.readFeatures(data, {
                                    featureProjection: map.getView().getProjection()
                                }));
                                tile.setExtent(format.getLastExtent());
                            });
                    })
                }
            })
        });
        const map = new ol.Map({
            layers: [
                layer
            ],
            target: 'map',
            view: new ol.View({
                center: ol.proj.fromLonLat([123.0064, 34.7142]),
                maxZoom: 19,
                zoom: 15,
            }),
        });
    </script>
    
    </html>
    
  • 相关阅读:
    UVA 1025 A Spy in the Metro DP水题
    ZOJ 3814 Sawtooth Puzzle BFS
    ZOJ 3816 Generalized Palindromic Number
    UVA 10859 Placing Lampposts 树形DP
    UVA 11825 Hackers' Crackdown 状压DP
    POJ 2887 Big String 线段树 离线处理
    POJ 1635 Subway tree systems Hash法判断有根树是否同构
    BZOJ 3110 k大数查询 & 树套树
    sdoi 2009 & 状态压缩
    来自于2016.2.24的flag
  • 原文地址:https://www.cnblogs.com/ssjylsg/p/15117593.html
Copyright © 2011-2022 走看看