亚洲97_天天看天天爽_久久一及片_俺去俺来也www色官网cms_亚洲精品中文字幕在线观看_视频一二三区

欢迎来到Bigemap在线帮助!

软件授权与使用:常见问题FAQ软件下载

产品功能列表及视频演示教程: 下载地图 高程DEM下载 矢量数据下载 矢量标注标绘 标注管理功能 离线地图 手机APP 其他功能

搜索结果:

OpenLayer发布离线地图

发布时间:2018-01-17 版权:BIGEMAP

    

   OpenLayers DEMO点击下载

   本案例介绍如何在离线(单机、或局域网无Internet)状态下发布离线地图,且结合OpenLayer做基于地图的二次开发。


一、   离线地图数据包

离线地图瓦片数据包,可以使用Bigemap GIS Office(下载地址http://www.cyttt.cn/reader/download/detail201802015.html)。

  打开Bigemap GIS Office,我们选择四川省为例,如下图所示:

image.png

双击下载,此次注意选择“存储选项”选择,“瓦片:bigemap”,勾选下载级别。

image.png

至此,离线地图即下载完毕,基础数据准备完成,我们可以打开下载目录简单查看瓦片目录。

image.pngimage.png

二、   发布离线地图服务

基础数据准备完毕后,我们通过bigemap离线地图开发工具将地图瓦片发布成OGC协议的wmts服务,(下载地址:http://www.cyttt.cn/reader/download/detail2020040918.html)。

打开离线地图开发工具,选择“添加离线地图”,如下图:

image.png

第二步:选择添加离线地图,弹出如下对话框

image.png


地图名称:四川地图 (工具你自己的需要任意命名)

    瓦片库文件:选择后面的浏览,找到你下载的离线地图瓦片,里面有个map.ini文件,选择这个文件,如下图:

image.png


创建完成,我们即可通过“浏览”按钮,在浏览器中查看刚才发布的离线地图。

image.png

浏览结果如下:

image.png


一、   基于OpenLayer加载WMTS地图服务及二次开发

接下来是下载openlayers了,我们给处理具体的案例代码和OpenLayer包(点击下载),到时候大家可自行下载。

这里采用了OpenLayers2为例,

引用Openlayers如下:

image.png

设置坐标系统和中心点位置

image.png


源代码:openlayers.html


<!DOCTYPE html>

<html>

<head>

    <title></title>

    <link rel="stylesheet" href="ol.css" type="text/css">

    <script src="ol.js"></script>

</head>

<body>

    <div>

        &nbsp;选中的经纬度:

        <input id="Coordinates" type="text" value="" disabled="disabled" style="width: 350px;" />

    </div>

    <div id="map"></div>

    <div id="div_overlay" style="display: none;">

        <div id="marker" title="">

            <img src="position_orange.png" />

        </div>

        <div id="popup" title=""></div>

    </div>

    <script>

        var projection = ol.proj.get('EPSG:4326');//设置坐标系

        var projectionExtent = projection.getExtent();

        //分辨率

        var resolutions = [

            1.40625,

            0.703125,

            0.3515625,

            0.17578125,

            0.087890625,

            0.0439453125,

            0.02197265625,

            0.010986328125,

            0.0054931640625,

            0.00274658203125,

            0.001373291015625,

            0.0006866455078125,

            0.00034332275390625,

            0.000171661376953125,

            0.0000858306884765625,

            0.00004291534423828125,

            0.000021457672119140625,

            0.000010728836059570312,

            0.000005364418029785156,

            0.000002682209014892578,

            0.000001341104507446289

        ];

        //瓦片矩阵

        var matrixIds = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];


        var centerXY = "104.06644285, 30.66445112";//地图中心点,默认成都

        var center = ReturnCenter(centerXY);


        var emap_attributions = new ol.Attribution({

            html: '<span onclick="ChangeToImgMap()">点击切换地图类型</span>'

        });

        function EMap() {

            var map = new ol.Map({

                controls: ol.control.defaults({

                    attribution: false

                }).extend([

                    new ol.control.MousePosition()//是否显示鼠标所在地图点的经纬度

                ]),

                layers: [

                  new ol.layer.Tile({

                      source: new ol.source.WMTS({

                          attributions: emap_attributions,

                          name: "四川卫星地图1-14级",

                          url: "http://localhost:9002/bigemap.8rs3s73l/wmts?access_token=pk.eyJ1IjoiY3VzXzA3dDJoaHZtIiwiYSI6ImR6NmRxd3F5emE2dmVrd243bzZiZGhuY2oiLCJ0IjowfQ.wm7CMiycFDUYAMRbaJ-wYMJFGhE_ybWcoSn5c-UuSPo",

                          layer: "bigemap.google-earth",

                          style: "default",

                          matrixSet: "4to10",

                          format: "image/png",

                          //wrapX: true,//地图缩小后,防止在一个页面出现多个一样的地图

                          tileGrid: new ol.tilegrid.WMTS({

                              origin: ol.extent.getTopLeft(projectionExtent),

                              resolutions: resolutions.slice(0, 15),//slice方法不清楚的请百度

                              matrixIds: matrixIds.slice(0, 15)

                          })

                      }),

                      maxResolution: resolutions[0],

                      minResolution: resolutions[14]

                  })

                ],

                target: "map",

                view: new ol.View({

                    center: center,//地图中心点

                    projection: projection,//投影类别

                    zoom: 10,//默认缩放级别

                    maxZoom: 20,//最大缩放级别

                    minZoom: 1//最小缩放级别

                })

            });


            //鼠标点击时设置中心点覆盖物

            GetElementId("map").onclick = function () {

                coordinates = GetElementsByClassName('ol-mouse-position')[0].innerHTML;

                SetPosition(map, coordinates);

            };

        }


        EMap();//显示E电子地图


        function GetElementId(id) {

            return document.getElementById(id);

        }

        function GetElementsByClassName(className) {

            return document.getElementsByClassName(className);

        }

        //中心点处理

        function ReturnCenter(centerXY) {

            var centerObj = centerXY.split(',');

            var centerX = centerObj[0];

            var centerY = centerObj[1];

            return [parseFloat(centerX), parseFloat(centerY)];//一定要转换下类型,否则拖拽后,地图就消失了

        }

        //设置中心点覆盖物

        function SetPosition(map, coordinates) {

            GetElementId("Coordinates").value = coordinates;


            var newcenter = ReturnCenter(coordinates);

            // Position marker

            var marker = new ol.Overlay({

                position: newcenter,

                positioning: 'bottom-center',

                element: document.getElementById('marker'),

                stopEvent: false

            });

            map.addOverlay(marker);

        }

    </script>

</body>

</html>



创建wmts服务:打开bigemap离线地图开发工具,找到四川省地图,选择“开发使用”,选择“WMTS服务”

image.png

image.png


使用浏览器打开wmts服务地址,配置如下几个选项(这几个选项对应到OpenLayer里面的具体参数

image.png



如下图所示,将WMTS的具体参数设置到OpenLayer

image.png

image.png



设置鼠标事件,显示经纬度

image.png


完成后,运行界面如下:

image.png

image.png









分享:(用微信扫一扫可发送给自己)

下载帮助文档 常见问题FAQ

微信扫码添加客服
400-028-7262
联系我们
主站蜘蛛池模板: 欧美午夜精品久久久久免费视 | 国产精品自在线 | 中文字幕永久免费 | 国产欧美精品 | 99久热| 伊人国产在线 | 日韩精品一二区 | 亚洲欧美在线观看 | 国产成人在线观看免费网站 | 久久视频在线免费观看 | 中文字幕在线观看第一页 | 久久久久婷婷 | 久久免费高清视频 | 色爱天堂| 超碰在线免费 | 国产激情一区二区三区 | 在线观看中文字幕 | 精品日韩av | 亚洲一级片 | 超碰天天操 | 中文字幕在线观看免费 | 欧美精品在线免费观看 | 日本精品网站 | 国产成人福利 | 天天插天天干 | 午夜天堂av| 亚洲免费小视频 | 精品无人国产偷自产在线 | 午夜在线观看视频网站 | 美国一级大黄一片免费中文 | 国产精品一区在线播放 | 天天操网 | 又黄又爽网站 | 狠狠躁日日躁夜夜躁2022麻豆 | 日韩av在线一区二区 | 成人看片网 | 免费看一级黄色片 | 日韩国产中文字幕 | 免费av网站在线观看 | 黄视频网站在线观看 | a视频在线免费观看 | 黄色片网站免费 | 人人九九精 | 中日韩毛片 | 91精品国产乱码久久久久 | 国产成人免费在线观看 | 欧美在线播放视频 | 日韩大片在线观看 | 国产欧美日韩综合 | 福利影院在线观看 | 欧美777 | 亚洲色妞| 国产黄色大片 | 五月天婷婷社区 | 一级免费毛片 | 国产欧美一区二区精品性色超碰 | 午夜av在线 | 成人免费在线观看网站 | 亚洲黄色av | 中文字幕在线看 | 亚洲欧美综合另类 | 中文字幕在线日韩 | 欧美日韩黄色片 | 欧美伊人久久 | 国产成人av网站 | 色婷婷六月 | 99色综合 | 欧美日韩亚洲综合 | 亚洲一区二区在线播放 | 国产探花视频在线观看 | 三上悠亚久久 | 久久综合久色欧美综合狠狠 | 国产在线视频网站 | 午夜婷婷 | 中文一区二区 | 国产成人免费在线观看 | 艳妇臀荡乳欲伦交换h漫 | 国产一级特黄aaa大片 | 精品综合网 | a级片在线免费观看 | 国产欧美精品一区二区色综合 | 中文字幕在线观看一区二区三区 | 久久精品在线 | 欧美国产在线视频 | 一级黄色大片 | www.色日本| 国产日本在线 | 激情五月综合色婷婷一区二区 | 免费在线看黄网站 | 久久精品在线 | 亚洲欧美国产精品 | a级片免费在线观看 | 一区二区三区国产精品 | 激情丁香 | 九九精品网 | 欧美一区二区三区在线播放 | 国产一区免费视频 | 国产一级免费视频 | 欧美资源在线 | 99re在线 | 日韩视频在线观看免费 | 亚洲 欧美 综合 | 一级片欧美 | 免费av观看 | 日韩毛片免费 | 成人做受黄大片 | 四虎四虎 | 青青久操 | 亚洲一区二区三区在线播放 | 户外少妇对白啪啪野战 | 北岛玲在线 | 日日拍夜夜拍 | 中国黄色录像 | 日日干狠狠干 | 久久久久久久久久国产精品 | 亚洲天堂网在线观看 | 天天操天天看 | 黄色三级av | 日韩欧美大片 | 久久久久久亚洲 | 中文字幕在线一区二区三区 | 久久精品久久久久 | 99在线免费视频 | 久久精品免费看 | 国产97视频| 久久私人影院 | 日韩一区在线视频 | 国产一区二区影院 | 一区二区三区网站 | 成人aaa| 日韩在线不卡视频 | 国产综合久久 | 国产人成一区二区三区影院 | 欧美69视频| 久久久久久久免费视频 | 国产在线一区二区 | 嫩草视频在线观看 | 亚洲国产欧美日韩在线 | 日韩a视频| 国产高清视频一区 | 国产精品久久久国产盗摄 | 黄色小视频免费看 | 成人免费毛片片v | 亚洲精品www久久久久久广东 | 免费一区二区 | 国产欧美在线播放 | 午夜精品在线 | 亚洲视频免费看 | 国产精品婷婷 | 日韩在线视频免费观看 | 国产高清一区 | 国产91av视频 | 又黄又爽又刺激的视频 | 亚洲精品一二区 | 99小视频| 91精品国产日韩91久久久久久 | 国产美女免费视频 | 色羞羞 | av香蕉| 久热综合 | 在线小视频 | 欧美九九九 | 国产在线视频网站 | 久久人体| 久久机热这里只有精品 | 日韩在线视频一区二区三区 | a在线免费观看 | 深夜福利网站 | 一道本在线 | 国产999视频 | 免费av大片| 午夜精品久久久久久久久久久久 | 国产精品成人免费视频 | 国产精品一区二区三区四区 | 黄色免费在线看 | 国产在线观看免费 | 色妞色视频一区二区三区四区 | 亚洲成人日韩 | 91欧美| 久在线视频 | 在线免费国产 | 一极黄色片 | av手机在线免费观看 | 成人免费在线观看网站 | 成人激情在线 | 天天干天天看 | 亚洲精品福利视频 | 国产黄色av| 欧美人与性动交α欧美精品 | 国产一级黄色 | 中文字幕视频一区 | 国产一区二区三区在线视频 | 特级淫片裸体免费看 | 日韩精品视频在线 | 午夜视频| 好吊视频一区二区三区四区 | 香蕉久久a毛片 | 午夜免费福利视频 | 久久久久综合 | 一区二区不卡 | 黄色一级视频网站 | 天天爽夜夜爽夜夜爽 | 户外少妇对白啪啪野战 | 天海翼一区二区 | 亚洲性天堂 | 日韩一区在线播放 | 伦一理一级一a一片 | 国产精品国产精品国产专区不卡 | 国产福利91精品一区二区三区 | 久久久久久久久国产精品 | 精品毛片一区二区三区 | 四虎黄色影院 | 酒色成人网 | 日韩成人小视频 | 色女人影院 | 91亚洲精品在线 | 欧美做受69 | 国产九九热 | 在线看的av | 青青伊人网 | av免费看网站 | 午夜美女福利视频 | 日韩黄色在线 | 一级特黄色片 | 一区二区三区四区视频在线观看 | 性久久久久久 | 亚洲天堂免费视频 | 91一级片| 四虎色| 曰韩av| 久久久精品在线 | 91中文字幕在线 | 国产福利在线 | 一级片免费观看 | 精品国产一区二区三区久久久蜜月 | 色综合天天综合网国产成人网 | 美女黄色一级片 | 在线视频黄 | 婷婷色av | 国产高清一区二区三区 | 欧美日韩激情视频 | 国产不卡视频 | 日韩天堂在线 | 在线国产视频 | 狠狠狠干| 亚洲人天堂 | 亚洲在线中文字幕 | 久久性生活视频 | 在线观看黄色片 | 成人高清视频在线观看 | 日韩视频在线免费观看 | 男女操操操 | 成年人免费在线观看 | 九九天堂 | 成人精品免费视频 | 欧美大片一区二区 | 五月婷婷激情综合 | www4h| 成人毛片网站 | 中文字幕+乱码+中文乱码91 | 免费成年人视频 | 日韩免费一区二区三区 | 日本理论片午伦夜理片在线观看 | 中国av在线播放 | 日韩不卡在线 | 色综合久久天天综合网 | 大色av| www.国产精品.com | 亚洲一区日韩 | 亚洲av毛片成人精品 | 精品国产乱码久久久久久88av | 日韩精品综合 | 亚洲免费小视频 | 亚洲深夜福利 | 草逼视频免费看 | 成人黄色小视频 | 超碰人人干 | 成 人 黄 色 片 在线播放 | 日韩中文字幕视频 | 一区二区三区在线播放 | 亚洲成人毛片 | 亚洲永久免费 | www四虎 | 国产做爰免费观看视频 | av一区二区三区 | 一区二区免费视频 | 综合久久久 | 久久a级片| 精品国产91 | 亚洲a级片 | 免费视频国产 | 一级片免费网站 | 一区二区久久 | 国产福利在线 | 日韩中文字幕一区 | 特级黄色片| 中文字幕理伦片免费看 | 91欧美激情一区二区三区成人 | 超碰人人在线 | av免费不卡 | 国产精品国产成人国产三级 | 精品在线免费观看 | 日韩视频免费看 | 伊人网视频 | 日韩精品大片 | 黄色片在线播放 | 四虎黄色影院 | 波多野结衣乳巨码无在线观看 | 日韩中文字幕在线视频 | 黄色免费小视频 | 欧美一级片 | 免费观看一级毛片 | 黄色大片在线 | 日韩一级av毛片 | 欧美一级黄色大片 | 91免费国产 | 在线日韩一区 | 国产成人精品一区二区 | 日韩国产中文字幕 | 可以看av的网站 | 日韩精品三区 | 国产涩涩 | 精品影院 | 美日韩一区二区三区 | 91久久久久国产一区二区 | 国产伦精品一区二区三区四区免费 | 激情视频网址 | 国产盗摄一区二区 | 不卡免费视频 | 最新中文字幕在线 | 欧美福利视频 | 天天色天天干天天 | 日韩特级片 | 午夜美女福利视频 | 欧美激情视频一区二区三区 | 97青青草 | 欧美一区二区三区在线视频 | 日韩在线观看中文字幕 | 综合色在线 | 亚洲一区二区三区视频 | 午夜看看| 欧美成人精品一区二区三区在线看 | a级片久久 | 久久视频在线 | 国产女人18毛片水18精品 | 91色交视频| 在线不卡一区 | 一道本av| 黄色欧美大片 | 亚洲午夜视频在线观看 | 欧美人与野 | 水蜜桃一区二区 | 日韩欧美在线视频观看 | 五月开心婷婷 | 国产美女视频网站 | 国产精品一区二区在线免费观看 | 一级片在线视频 | 手机在线毛片 | 中文字幕一区在线观看 | 亚洲国产免费 | 国产色自拍 | 亚洲精品区 | 欧美日韩在线一区二区三区 | 毛片视频免费 | 欧美精品在线看 | 日本黄色免费看 | 天堂а√在线中文在线新版 | 久久爱综合 | 日韩国产在线播放 | 黄色激情视频网站 | 干少妇视频 | 韩日欧美 | 伊人综合影院 | 在线看91| xxxx亚洲 | 国产一区二区网站 | 国产高清视频在线 | www.国产视频| 国产高清av | 夜夜草视频 | 国产精品一级 | av大全在线观看 | 四虎新网址 | 久视频在线 | 欧美成人一级片 | 黄色免费在线视频 | 午夜精品在线 | 黄色福利视频 | 99热思思 | 韩国av免费 | 午夜视频网 | 成年视频在线观看 | 亚洲免费在线观看 | 一区二区三区国产精品 | 天天碰天天操 | 国产理论在线 | 一级黄色录像带 | 亚洲一区成人 | 免费的黄色录像 | 一区二区三区中文字幕 | 成人免费视频网站在线观看 | 免费三级黄色片 | 国产精品福利在线观看 | 精品久久久久久久久久久 | 18在线观看免费入口 | 在线a | 午夜看片 | 久久伊人精品 | 中文字幕第一页在线 | 日本精品在线视频 | 久久视频一区二区 | 成人3d动漫| 久草福利资源站 | 成人在线观看视频网站 | 久久精品6 | 伊人久久影院 | 玖玖伊人| av一区二区三区 | 精品视频免费 | 国产无遮挡又黄又爽免费网站 | 日本中文在线观看 | 亚洲国产精品久久久久 | 四虎av在线 | 国产一区二区在线观看视频 | 波多野结衣乳巨码无在线观看 | 日韩av免费| 亚洲天堂偷拍 | 国产一级二级片 | 亚洲精品影院 | www.狠狠 | 在线日韩| 欧美日韩国产激情 | 欧美在线观看视频 | 日韩视频二区 | 欧美三级大片 | 婷婷久久久 | 日韩av网站在线观看 | 在线黄色av | 天天操狠狠干 | 国产精品美女久久久久av爽 | 日韩精品在线看 | 国产精品海角社区 | 老司机午夜免费精品视频 | 毛茸茸性猛交xxxx | 国产成人精品亚洲男人的天堂 | 亚洲精品字幕在线观看 | 亚洲欧美日韩一区 | 国产精品一区一区三区 | 狠狠干欧美| 国产在线小视频 | 国产一区一区 | 中文字幕99 | 亚洲激情欧美激情 | 超碰人人网 | 黄网站免费大全入口 | 日韩精品免费在线观看 | 91一区二区三区 | 国内精品视频在线观看 | 四虎影视库 | 欧美成人精品一区二区三区在线看 | 国产欧美精品一区二区色综合 | 一级毛片免费播放视频 | 伊人国产在线 | 99九九久久 | 国产黄a三级三级看三级 | 日韩美女一区二区三区 | 欧美日韩在线视频观看 | www.日本在线观看 | 成人不卡 | 亚洲一区在线播放 | 欧美黄视频 | 一区免费视频 | 日日操夜夜| 国产一级免费视频 | 天天插夜夜操 | 国产美女视频网站 | 亚洲精品字幕在线观看 | 亚洲成人av在线播放 | 天天拍天天干 | 日韩视频一区二区 | 国产成人福利 | 国产日韩视频 | 国产黄色免费观看 | 91精品看片| 免费特级毛片 | 韩日中文字幕 | 少妇久久久 | 国产精品久久久一区二区三区 | 日韩中文字幕在线播放 | 黄色小视频在线观看 | 日韩av在线免费播放 | 日日日日干 | 欧美精品成人一区二区在线观看 | 亚洲精品在 | 拍床戏真做h文黄肉1v1 | 亚洲成肉网| 免费看的毛片 | 国产午夜三级 | 日韩精品在线观看视频 | 亚洲国产精品一区二区三区 | 国产精品欧美在线 | 久久午夜影院 | www.av在线| 国产成人福利 | 欧洲一级片 | 精品国产区一区二 | 日日干日日射 | 成人在线不卡 | 国产欧美日韩 | 日韩黄色录像 | 成人自拍网 | 成人精品福利 | 青青伊人网 | 91玖玖| 国产精品一区在线播放 | 国产欧美一区二区 | 国产无遮挡又黄又爽免费网站 | 久久一级视频 | 超碰精品在线 | 特黄网站| 色哟哟av | 在线观看日韩视频 | 精品视频免费在线观看 | 天天综合网站 | 一区二区日韩 | 国产精品伦子伦免费视频 | 黄色一级片免费看 | 一区二区三区四区视频在线观看 | 男女免费视频 | 国产精品久久久一区二区三区 | 一区二区三区四区在线视频 | 精品福利在线观看 | 欧美在线中文字幕 | 国产做爰免费观看视频 | 日韩精品在线免费观看 | 黄色福利 | av网站免费在线观看 | 国产欧美日本 | 天堂在线中文资源 | 亚洲激情视频在线 | 一区二区三区四区视频 | 黄色三级大片 | a级片在线观看 | 国产日批视频 | 欧美日韩精品一区 | 久久手机视频 | av片在线免费观看 | 最新中文字幕在线观看 | 亚洲第一黄色 | 欧美精品区 | 超碰在线免费 | 日韩一二区 | 亚洲日本中文字幕 | 色综合久久88 | 国内精品一区二区三区 | 欧美日韩中文 | 中文在线观看免费高清 | 亚洲成人中文字幕 | 国产精品www| 91看片淫黄大片 | 日韩免费高清 | 成人午夜在线观看 | av免费资源 | 欧美午夜精品久久久久免费视 | 在线一区二区视频 | 日本精品视频 | 亚洲国产精品久久久久 | 亚洲69视频 | 国产精品日韩欧美 | 18色av| 大尺度做爰床戏呻吟舒畅 | 国产精品2区 | 午夜视频网站 | 成av人片在线观看www | 一区二区三区国产精品 | 青青操国产 | 国产亚洲天堂 | 久久99精品久久久久久国产越南 | 国产视频www | 三级黄色| 天天视频国产 | 青久久| 91久久精品日日躁夜夜躁欧美 | 涩涩视频免费看 | 夜夜夜夜操 | 中文字幕一区二区三区乱码 | 成人看片网站 | www精品 | 国产精品2| 手机福利视频 | 欧美一区二区免费 | 黄色大片免费在线观看 | 成人午夜激情视频 | 久久靖品 | 久久久久婷婷 | 欧美性久久 | 一级片在线视频 | 欧美专区在线观看 | 国产欧美日本 | 人人艹人人 | 免费黄色一级视频 | 中文字幕亚洲一区 | 成人三级小说 | 一区二区三区毛片 | 丁香六月综合 | 国产黄色三级 | 久久小视频 | 黄色一级免费视频 | av网站免费在线观看 | 日本中文在线观看 | 欧美成人黄色 | 日韩成人免费 | 国内精品国产成人国产三级 | av观看免费 | www.日韩在线 |