亚洲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
联系我们
主站蜘蛛池模板: 欧美精品系列 | 麻豆av在线免费观看 | 日韩视频免费在线观看 | 中文字幕在线观看网址 | 欧美一区二区三区在线视频 | 国产精品久久久久久久久久久久午夜片 | 中文字字幕在线中文 | 欧美亚洲在线 | 久久99精品久久久久久水蜜桃 | 亚洲黄色小视频 | 91在线免费视频观看 | 国产乱码精品一品二品 | 欧美日韩免费看 | 欧美自拍视频 | 三级福利视频 | 黄色av一区| 中文字幕少妇 | 欧美视频在线观看免费 | 综合色在线 | 欧美另类z0zx974 | 天天操免费视频 | 国产主播精品 | 一级做a爱片性色毛片 | 日韩在线观看一区 | 日本www视频 | 国产成人99久久亚洲综合精品 | 三级网站在线 | 国产一级18片视频 | 男人操女人的网站 | 成人黄色小视频 | 色片在线| 日韩精品视频在线 | 一级黄色在线观看 | 久久久网站 | 午夜激情在线观看 | 五月婷婷丁香网 | 午夜美女福利 | 欧美黄色片在线观看 | 毛片中文字幕 | 亚洲免费观看视频 | 国产精品一区二区三区四区五区 | 99久久精品国产毛片 | 91美女片黄在线观看91美女 | 九九九免费视频 | 天天狠狠 | 久草黄色| 亚洲精品一区二区在线观看 | 成人爽a毛片一区二区免费 亚洲午夜在线观看 | 性欧美8khd高清极品 | 99视频在线播放 | 国产一区二区三区免费视频 | 亚洲男人在线 | 久久精品视频国产 | 99精品视频在线 | 日韩色黄大片 | 中文字幕在线观看免费视频 | 成人免费看 | 欧洲精品一区二区 | 欧美激情一区 | 国产亚洲视频在线观看 | 成人黄色小视频 | 日日不卡av | 精品免费视频 | 中文有码在线 | 免费不卡视频 | 国产毛片在线 | 国产精品日韩精品 | 欧美日韩国产在线观看 | 国产资源在线观看 | 精品一区二区三区在线观看 | 日本一级片在线观看 | 成人性生活片 | 四虎成人精品 | av网站观看 | 免费美女视频 | 亚洲成年人在线观看 | 激情五月婷婷综合 | 亚洲美女毛片 | 免费一级片 | 在线观看黄色av | 九九热视频在线 | 久久精品观看 | 国产欧美激情 | 亚洲成人免费 | 四虎网站在线观看 | 91亚洲国产成人久久精品网站 | 91久色| 成人看片网站 | 久久国产一区二区 | 国产美女av | 午夜激情视频在线观看 | 亚洲视频在线看 | 在线成人免费视频 | 成人a毛片| 午夜aaa| 可以看的毛片 | 国产精品尤物 | 国产性色av | 国产精品久久久国产盗摄 | 天天色网站 | av黄色网 | 国产午夜视频在线观看 | 国产在线色 | 精品免费在线 | 中文在线免费看视频 | 五月婷婷视频 | 免费人成| 国产二区视频在线观看 | 免费一级大片 | 国产精品久久久久久久久久辛辛 | 秋霞午夜鲁丝一区二区老狼 | av网站在线看 | 99只有精品 | 欧美黑人猛交 | 我要看一级黄色片 | 最新av在线播放 | 久久最新网址 | 欧美精品一区二 | 美女免费视频网站 | 欧美视频免费在线观看 | 一区二区三区四区在线视频 | 午夜在线观看视频网站 | 欧美日韩国产在线观看 | 夜夜操天天干 | 国产一区二区在线观看视频 | 日韩精品一区在线观看 | 午夜aaa | 国产高清av | 日韩一区二区在线观看视频 | 亚洲色在线视频 | 中文字幕理论片 | 黄色小视频免费 | 日韩欧美国产一区二区三区 | 中文字幕第一区综合 | 欧美日韩精品一区二区在线播放 | 国产一区二区网站 | 久久综合爱 | 成人免费在线播放 | 中文字幕第一 | 亚洲一级片在线观看 | 国产中文在线 | 丁香婷婷网 | 国产精品一区久久 | 国产精品毛片va一区二区三区 | 日韩一级免费视频 | 日韩一级免费 | 国产成人精品网站 | 人人爱人人草 | 国产福利91精品一区二区三区 | 中文一区二区 | 国产午夜精品久久 | 亚洲高清在线观看 | 日韩一区二区三区在线 | 免费网站黄色 | 99在线播放 | 一级做a视频 | 欧美精品综合 | 国产色在线 | 三级黄色录像片 | 色爽| 色窝 | 中文在线视频 | 一区二区视频在线播放 | 欧美日韩亚洲天堂 | 久久久高清 | 黄色影视大全 | 青娱乐福利视频 | 国产欧美日韩综合精品 | 日本一级一片免费视频 | 在线观看日韩视频 | 免费a视频 | 黄色在线免费看 | 日韩精品视频免费 | 中文字幕欧美日韩 | 亚洲国产二区 | 黄色三级视频网站 | 国产人人干 | 91av在线免费观看 | 中文天堂在线观看 | 国产福利在线看 | 色爽av| av网站在线免费观看 | 国产精品一区二区在线播放 | 久久精品免费看 | 日日干日日操 | 伊人中文 | 欧美日韩国产一区二区三区 | 成人国产网站 | 美女福利网站 | 一区二区黄色 | av一区二区三区 | 日韩国产在线播放 | 伊人成人在线 | 在线日韩欧美 | 一级黄色录像片 | 一级片黄色片 | 在线成人免费视频 | 福利小视频在线观看 | 精品一区视频 | 国产网站在线 | 日韩成人免费 | 国产网友自拍 | 毛片视频网站 | 日本不卡高字幕在线2019 | 亚洲一区二区精品视频 | 国产日韩欧美精品 | 日韩福利在线 | 欧美级毛片 | 手机看片1024日韩 | 成人一区二区视频 | 久久99深爱久久99精品 | 午夜av在线播放 | 中文一级片 | 蜜臀av性久久久久av蜜臀妖精 | 国产乱码精品一品二品 | 91av视频在线 | 中文字幕不卡在线 | 免费黄色小视频 | 最新91视频 | 国产h片在线观看 | 水蜜桃一区二区 | 福利在线看 | 高潮毛片又色又爽免费 | 午夜在线观看视频网站 | 国产精品一二三四 | 亚洲欧美综合另类 | www久久久| 天天拍天天操 | 欧美日韩免费在线观看 | 欧美精品一区二区三区四区 | 久久精品欧美一区 | 免费一区二区 | 日韩特级片| 久久久久久久久国产 | 91成人在线观看喷潮蘑菇 | 人人干人人爽 | 黄色1级视频 | 午夜影院福利 | 国产成人在线播放 | 看国产毛片 | 欧美一级片 | 天天爽天天操 | 日本xxxx69 | 亚洲天堂国产 | 亚洲免费二区 | 四虎永久网址 | 日本中文字幕视频 | 亚洲第一天堂网 | 黄色一级大片在线免费看国产一 | 蜜臀久久99精品久久久久久宅男 | 一区二区三区黄色 | 亚洲欧美日韩国产精品 | 一级片日韩 | 欧美在线不卡 | 日韩一区不卡 | 国产精品二区一区二区aⅴ污介绍 | 一级特黄aaaaaa大片 | 国产精品一区二区三区在线 | 亚洲精品国产精品国自产观看浪潮 | 中文字幕麻豆 | 天天看天天操 | 国产精品久久一区二区三区 | 日韩中文字幕第一页 | 国产激情网站 | 国产精品久久久国产盗摄 | 天天干天天看 | 日韩一区二区三区在线 | 深夜福利视频在线观看 | 成人免费毛片aaaaaa片 | 精品日韩在线观看 | 91在线观看免费视频 | 91午夜精品亚洲一区二区三区 | 黄色小视频免费观看 | igao在线观看| 国产精品成人一区 | 天堂在线中文资源 | 六月婷婷在线 | 免费看一级片 | 日韩精品福利 | www99热| 成人午夜又粗又硬又大 | 国产日韩一区二区 | 97超碰在线免费观看 | 老司机午夜免费精品视频 | 97在线看 | 日韩三级精品 | 91精品国产成人观看 | 国产麻豆视频 | 日韩在线网址 | 午夜精品一区二区三区在线播放 | 色哥网 | 日韩小视频在线观看 | 精品在线免费视频 | 四虎成人在线 | 蜜桃av一区 | www.三级 | 久久综合99 | 中文字幕视频在线 | 国产精品麻豆视频 | 蜜桃成人av | 一区两区小视频 | www.一区二区 | 成人免费视频国产免费 | 日韩精品一级毛片在线播放 | 国产免费网址 | 麻豆一级片 | 成人区精品一区二区婷婷 | 中文字幕精品在线观看 | 日韩免费精品视频 | 国产日韩精品视频 | 伊人精品 | 草草免费视频 | 男女av在线 | 久青草视频| 久久久少妇 | 欧美视频a| 欧美午夜精品 | 久久黄色大片 | 成人女同在线观看 | 黄色综合 | 欧美不卡视频 | 日韩一区二区三区视频 | av片在线免费观看 | 中文字幕免费在线观看 | 欧美顶级黄色大片免费 | 91小视频在线观看 | 婷婷六月综合 | 91精品免费视频 | 色婷婷一区 | 五月婷婷综合在线 | 怡红院在线播放 | 在线观看视频国产 | 国产精品毛片va一区二区三区 | 99在线免费观看 | 国产一级黄色录像 | 夜夜嗨av一区二区三区 | 免费国产网站 | 亚洲一级精品 | 中文字幕精品一区久久久久 | 日本三级韩国三级美三级91 | 99福利| 精品国产久 | 亚洲免费观看 | 青青国产视频 | www.狠狠 | 一区二区三区高清 | 丝袜美腿一区二区三区 | 日韩中文字幕一区二区 | 日韩欧美中文在线 | 免费av在线网站 | 亚洲涩涩涩 | 欧美午夜在线 | 亚欧洲精品在线视频免费观看 | 成人在线免费看 | 国产一区二区三区视频在线 | 欧美理伦 | 一区二区黄色 | 精品一区二区在线播放 | 93久久精品日日躁夜夜躁欧美 | 国产伦精品一区二区三区免费视频 | 黄色片视频免费 | 夜夜操网站 | 国产精品二区一区二区aⅴ污介绍 | 免费毛片在线播放免费 | 亚洲精品久久久 | 久久国产精品一区二区 | 91久久综合亚洲鲁鲁五月天 | 91欧美激情一区二区三区成人 | 热久久中文字幕 | 欧美 日韩 国产 成人 在线 | 国产精品一品二区三区的使用体验 | 国产亚洲视频在线观看 | 五月天色综合 | 天堂网av在线 | 中文字幕偷拍 | 中文字幕免费高清 | 国产又黄又猛 | 久久精品99 | 欧美久久久久久久久 | 99小视频| 亚洲成人高清 | 中文字幕免费高清 | 谁有毛片网站 | 黄色大片免费在线观看 | 国产精品久久久久久久久久 | a免费视频 | 久久久久人 | 久久精品99久久久久久 | 国产免费无遮挡 | av一区二区在线观看 | 深夜福利视频在线观看 | 日韩福利片 | 国产青青草 | 日本亚洲天堂 | 精品亚洲国产成人av制服丝袜 | 国产在线一| 九九视频在线观看 | 在线h片 | 午夜黄色小视频 | 一区二区免费视频 | www国产视频 | 亚洲视频一区二区三区四区 | av不卡在线 | 欧美视频在线观看一区 | 成年人的免费视频 | 国产精品伦一区二区三级视频 | 三级视频在线观看 | 色六月婷婷| 精品福利在线 | 视频一区在线播放 | 天天色影院| 91小视频在线观看 | 黄色大片儿 | 国产激情久久 | 精久久久久 | 天海翼在线视频 | 亚洲三级网 | 色婷婷国产精品综合在线观看 | av免费看网站 | 欧美一二 | 色综合久久88色综合天天 | 免费av网站在线观看 | 黄色特级片| 成人在线不卡 | 五月av | 色婷婷狠狠 | 欧美性猛交99久久久久99按摩 | 日韩欧美中文字幕在线观看 | 日本不卡在线视频 | 黄色三级av | 99精品久久久久久中文字幕 | 四虎在线观看 | 午夜激情福利视频 | 日韩国产精品一区二区 | 成人欧美日韩 | 91狠狠综合 | 人人射人人 | 日韩不卡av| 伊人91 | 色哟哟精品观看 | 在线一区二区视频 | 久久视频在线 | 成年网站在线观看 | 成年人免费看视频 | 成人毛片网站 | 欧美日韩91 | 免费一级黄色片 | 成人黄色在线 | 香蕉在线播放 | 久久国产精品视频 | 久久精品一区二区三区不卡牛牛 | www.久久久久久 | 中文在线一区二区 | 看国产毛片 | 成人免费网站黄 | 欧美一级色 | 日日操夜夜撸 | 91精品国产99久久久久久红楼 | 亚洲69视频 | 黄色日批视频 | 亚洲九九夜夜 | 欧美日韩三级 | 日韩精品国产精品 | 久久久久免费视频 | 国产精品手机在线观看 | 黄色大片在线播放 | 国产成人片 | 精品国产99久久久久久宅男i | 国产中文字幕在线 | 欧美日韩亚洲国产 | 91久久精品日日躁夜夜躁欧美 | 高清av在线 | 国产欧美日韩综合精品 | 亚洲激情视频 | 国产三级黄色片 | 日韩久久av | 日韩精品视频在线免费观看 | 成人毛片在线观看 | 真人一级毛片 | 伊人久久综合 | 精品在线一区 | 免费三级网站 | 美国特色黄a大片 | 一级特黄妇女高潮 | 欧美在线观看一区二区三区 | 亚洲国产伦理 | jlzzjlzz欧美大全| 日本不卡在线播放 | 精品一区在线播放 | 国产91久久婷婷一区二区 | 特黄aaaaaaaaa真人毛片 | www色| 国产在线观看一区二区三区 | 国产亚洲欧美日韩高清 | 韩日av在线 | 成人免费看片在线观看 | 99热这里都是精品 | 欧美成人精品一区二区三区 | 日韩伊人 | 日韩成人在线免费观看 | 亚洲欧美一区二区三区四区 | 欧美日韩综合在线 | 午夜在线观看视频网站 | 黄色性视频 | 日韩免费高清视频 | 伊人久久综合 | 久久国产99 | 欧美视频二区 | 久久在线精品 | 久久人体视频 | 国产人成一区二区三区影院 | 久久精品99久久久久久 | 日韩精品少妇 | 日本免费不卡视频 | 99这里只有精品 | 91网在线| 中文在线字幕免费观看 | 欧美视频在线一区 | 国产中文字幕在线播放 | 免费三片在线观看网站v888 | 日日夜夜精品免费 | 日韩黄色网址 | 国产日韩欧美在线 | 亚洲欧洲av | 4438成人网 | 一级片观看| 免费一区二区三区 | 欧美成人精品一区二区三区 | 久久久久久国产 | 日韩精品在线一区二区 | 欧美成人猛片aaaaaaa | 国产精品欧美激情 | 日韩精品一区二区在线 | www久久| 精品视频免费在线观看 | 成人免费福利 | 色香蕉网 | 青青草手机视频 | 干少妇视频 | 国产二区精品 | 亚洲五月婷婷 | 三级视频在线播放 | a毛片免费看 | 黄色大片在线播放 | 天天干影院 | 中文在线字幕免费观看 | 特黄aaaaaaaaa真人毛片 | 亚洲性视频 | 亚洲va韩国va欧美va精品 | 欧美日韩免费在线 | 秋霞午夜鲁丝一区二区老狼 | 国产综合久久久 | 精品久久国产 | 在线视频亚洲 | 国产一区二区不卡 | 中文字幕网址在线 | 福利网站在线观看 | 超碰免费在线播放 | 国产做受入口竹菊 | 免费在线小视频 | 色婷婷综合在线 | 免费黄色网页 | 怡红院久久 | 成人毛片网站 | 少妇网址| 亚洲高清免费 | 在线观看黄色小视频 | 激情高潮到大叫狂喷水 | 日韩精品在线免费观看 | 亚洲视频一区二区三区四区 | 亚洲 欧美 综合 | 国产精品成人一区二区三区 | 国产乱码一区二区 | 国产视频www | 国产精品伦 | 国产精品免费在线播放 | 青娱乐99 | 黄色成年人网站 | 精品国产网站 | 国产精品视频99 | 国产精品一区二区在线播放 | 麻豆视频一区二区 | 在线色| 国产精品久久久久久中文字 | 91精品久久久久久久久 | 黄色福利 | 日本青青草 | 日韩视频免费 | 久久av网| 亚洲一区二区免费视频 | 中国a一片一级一片 | 久久精品视频免费看 | 狠狠久 | 国产福利在线 | 欧美日韩激情 | 毛片aaa | 一区二区三区不卡视频 | 在线观看黄色小视频 | 国产午夜一区二区 | 中国av片 | 中文在线字幕免费观 | 一区二区三区在线免费观看 | 日韩av网站在线观看 | 性欧美xxxx | 成人深夜视频 | 成人免费视频国产免费 | 精品欧美黑人一区二区三区 | 四虎视频在线观看 | 亚洲免费福利视频 | 免费国产视频 | 日本黄a三级三级三级 | 欧美国产精品一区二区 | 午夜精品影院 | 少妇激情视频 | 日本中文字幕视频 |