openlayers离线加载天地图

2024-11-03

Openlayers离线载入天地图

概述: 经过一个春节的休整,今天最终開始了! 任何时候.都不要忘记学习.学习是一辈子的事情!今天,我来说说怎样实现天地图的离线以及Openlayers载入离线数据实现天地图数据的展示. 实现: 1.获取天地图的数据能够通过网络上下载各大地图的工具将天地图的数据下载下来.并制作成mbtiles文件.制作过程在此就不详述,将已经制作好的一个文件上传到了百度网盘.须要的童鞋能够下载哦~~~~ 下载链接:http://pan.baidu.com/s/1dEmNtnF password:xqd8 2.读

（转）Openlayers 2.X加载天地图

http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何在Openlayers 2.X的版本中加载天地图,并添加自己的wms服务. 效果: 地图影像地形去掉本地wms 实现: 1.天地图服务在天地图的官方网站上,我们可以看到如下所示的: 页面上列出了我们可调用的图的url,网站地址为:http://www.tianditu.com/guide/i

OpenLayers学习笔记（一）—在线加载谷歌影像地图&离线加载本地瓦片地图

实现根据在线离线判断加载地图, 在线加载谷歌影响地图, 离线加载本地瓦片地图作者: 狐狸家的鱼 Github: 八至 html代码 <div id="map" tabindex="0" class="map"></div> tabindex="0"是为了启动键盘事件. js代码 //地图中心点 var center = ol.proj.transform([110.06667, 14.66667],

使用openlayers 3 在线加载天地图及GeoServer发布的地图

使用openlayers3来加载天地图卫星图和标注图层,GeoServer发布地图,一并用openlayers测试加载出来,顺便实现了7种地图控件.下面直接贴代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport&q

openlayers加载天地图过程中遇到跨域问题

// 采用openlayers加载天地图 var layer = new ol.layer.Tile({ source: new ol.source.XYZ({ // crossOrigin: 'Anonymous', // 是否请求跨域操作 url: url // 天地图地址 }) }); 如果没有用到crossOrigin属性就不会产生跨域问题,一般这个参数也不会设置. 这个参数使用场景如下官网所述: 加载图像的crossOrigin属性.请注意,如果使用的是WebGL渲染器,或者要使用Ca

【ArcGis for javascript从零开始】之一 ArcGis加载天地图

最近做项目需要用到ArcGis来进行数据展示和数据分析.以前从来没有接触过与Gis有关的东西,一切需要从头开始学.没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录.ArcGis在网上没有找到中文的API,只有官网的英文API和Demo,而且用到了大量dojo的API,dojo也没有接触过,这方面也是需要学习的…… 一.ArcGis加载引入css 和js <link rel= "stylesheet" href ="https://js.

ArcGis Javascript API (V3.6)加载天地图

Arcgis的Javascript api开发很活跃,不知不觉都发布了3.6的版本了.该版本基于dojo 1.8.3开发的. 从dojo 1.8开始,AMD机制用得越来越多了,而且require([""],...)成为了推荐的写法,原来的dojo.require已不推荐使用了. 但是当我用 define(["esri/layers/TiledServiceLayer",....)这种语法来修改之前网上放出的写法时,发现不行,于是有了下面折中的写法.下面贴代码第一个

ArcGIS API for Javascript 加载天地图（经纬度投影）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天地图底图加载(经纬度版本)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> <script src="htt

ArcGIS API for Javascript 加载天地图（墨卡托投影）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天地图底图加载(墨卡托版本)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> <script src="htt

18 ArcGIS API for JavaScript4.X 系列加载天地图（经纬度）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

36ArcGIS API for JavaScript3.X 系列加载天地图（经纬度）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>3.X版本加载天地图(经纬度)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css"> <script src="ht

(转载）arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。

1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS服务是OGC标准的,需要使用WMTSLayer类来实例化图层. 问题:天地图和自己的WMTS只能显示一个,即先加载哪个,就只显示哪个,而另外一个图层不会显示. 原因:天地图服务和自己的WMTS服务的切片矩阵集不同导致.下面多点废话详细分析一下,因为我对各服务了解的很浅,如果有错误请批评指正. WM

（转）Arcgis for js加载天地图

http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载,在此将之进行了一定的封装,如下: 1.切片线划图——TDTLayer.js define(["dojo/_base/declare", "esri/layers/tiled"], fu

Openlayers Overlay加载gif图片

说明: 项目中使用vector图层做图片撒点功能,发现加载gif没有效果.网上查找资料发现,openlayers不支持gif图片样式. 后面采用overlay的方式,gif图片赋值给DOM元素解决方案: 1.单个点先在地图容器里新增一个id为marks的<div>标签 /*加载gif图片格式*/ function addGifMarks() { let aa = document.getElementById('marks'); let lyr = new ol.Overlay({ id:

arcgis api 4.x for js 结合 react 入门开发系列react全家桶实现加载天地图（附源码下载）

基于两篇react+arcgis的文章介绍,相信大家也能体会两者的开发区别了.在“初探篇”中作者也讲述了自己的选择,故废话不多说,本篇带大家体验在@arcgis/webpack-plugin环境下,使用react+redux+react-router+less+es6+webpack 开发(故在看本篇文章之前,请先了解相关知识). 效果图如下: 文件目录主要开发文件目录 assets 存放静态资源components 组件configure 全局配置.路由.reduxlayout 页面redu

Cesium 加载天地图

网上有很多就是没说加载天地图需要开发者秘钥,这个需要去天地图官网申请一个就可以了,下面贴上源码还有就是Cesium也是需要token的哈 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta ch

在idesktop中加载天地图服务并叠加矢量数据

在天地图中加载天地图在线服务,然后叠加上我们制作的专题图,可以查看制图效果. 以加载山东省天地图矢量地图服务为例: 服务地址: http://www.sdmap.gov.cn/tileservice/SDPubMap?TOPLEFTCORNEREXCHANGE=0&DPI=96 在idesktop中打开web型数据源: 添加后,双击加入的web数据源,在桌面窗口中打开,地图加载需要一会时间. 然后就可以在天地图上叠加矢量数据了.我们在发现叠加矢量图层后,会出现偏移,这是因为天地图在发布到互联网的

OpenLayers 3加载本地Google切片地图

OpenLayers 提供了ol.source.XYZ 接口用以加载切片地图. 本地切片地图是用地图切片下载器下载的Google道路图层,由于软件未激活,所以每张切片地图上都有软件作者的联系方式,请忽略. 下载下来的切片地图通过Windows自带的iis发布,这样就可以通过网络地址来访问切片数据. 首先,根据ol3的接口创建了一个js方法,这个方法会根据传来的参数创建一个类型为ol.layer.Tile的图层. var TileLayer = function (options) { var

27 ArcMap加载天地图服务一片空白怎么办

在ArcMap中添加WMTS Server,连接上了,但是不显示天地图升级向导:http://lbs.tianditu.gov.cn/authorization/authorization.html 明明按照天地图的要求申请了key,但还是加不上图,仔细一看,是参数位置写错了应该改成如下位置,马赛克位置是填写key 更改好之后,便可以成功显示了附天地图服务链接:http://lbs.tianditu.gov.cn/server/MapService.html 根据以上天地图服务链接,经过众

arcgis api for javascipt 加载天地图、百度地图

写在前面的话: 1.百度地图是自己定义的坐标系统,wkid=102100.百度地图数据是加密的产物.下文将附上百度坐标与WGS84,谷歌等坐标系统转换方法(地理-地理),此方法并未亲测,据说准 2.百度地图可以直接加载经纬度坐标 3.百度地图如果加载的arcgis api中会出现坐标偏移,1.中已经解决了地理坐标转换,那么找到百度投影-地理坐标的转换方式,则arcgis就可以直接无偏加载了,网上很多方法,但是亲测不行. 4.天地图不是涉密数据,根据本文提供的类库,arcgis api for j

Cesium随笔（2）加载天地图地图服务【转】

Cesium自带的图层是bing地图和esri,mapbox等图层,木有中文注记,想加载中文注记的图层?废话不说,上代码: var viewer = new Cesium.Viewer('cesiumContainer', { animation: false, baseLayerPicker: false, geocoder: true, timeline: false, sceneModePicker: true, navigationHelp

openlayers离线加载天地图

热门专题