leaflet 加载4326 arcgis切片

2024-09-06

Leaflet，OpenLayers3加载ArcGIS切片（png格式，Exploded松散型）

需求做了一个简单的WebGIS应用,不想因为加载切片就安装一台GIS服务器.于是想直接访问图片的方式来加载地图. 需解决的问题 leafletjs目前是不能够直接加载ArcGIS服务切片的,但可以借助esri-leaflet插件来加载.如果没有安装arcgis server将切片进行发布时,这些切片还是无法进行访问,这个插件是面向arcgis服务应用开发的. leafletjs自身可以通过类似于下面这种方式直接加载地图切片: L.tileLayer('http://{s}.tile.osm.

Openlayer 3加载本地ArcGIS切片

第一篇博客,简单的开个头吧.希望自己能坚持记录.一般什么情况什么人需要这样的需求呢,伐木的光头强大哥说我们在深山老林里,没网的啊,地图就手机本地duang的加载一下吧.那么Server啊就要丢掉丢掉.丢掉手表丢掉外套,丢掉背包再丢掉唠叨,咳咳,跑题了.来看看具体步骤吧,非常简单但详细. 1. 制作切片的数据基本信息如下: 图层数据信息: 地理坐标系: GCS_WGS_1984 基准面: D_WGS_1984 本初子午线: Greenwich 角度单位

ArcGIS JS 4加载第三方矢量切片

现在矢量切片越来越普及,对于地图渲染能更轻更快.ArcGIS JS 4.13可以实现加载第三方矢量切片,以下为代码示例,最下方是我之前切的建筑物数据. 当切片大小在1M左右,加载效果还是可以.不过跟mapbox gl相比还是有些逊色,mapbox gl可以加载6M大小的切片,但ArcGIS JS 4却不行.矢量切片还是需要控制好大小,这样才能快速传输和渲染. var style = { "version": 8, "sources": { "

如何实现通过Leaflet加载dwg格式的CAD图

前言在前面介绍了通过openlayers加载dwg格式的CAD图并与互联网地图叠加,openlayers功能很全面,但同时也很庞大,入门比较难,适合于大中型项目中.而在中小型项目中,一般用开源的leaflet比较多, leaflet小而美,插件很多.本文介绍如何用Leaflet来加载DWG格式的CAD图,并在上面做应用开发,如与互联网地图叠加显示等. Leaflet介绍 Leaflet 是领先的用于移动友好交互式地图的开源 JavaScript 库.仅仅重约 39KB 的 JS,它拥有

OpenLayers 3加载本地Google切片地图

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

leaflet加载各种地图

Leaflet调用各种地图的功能十分复杂,幸好有leaflet.ChineseTmsProviders这个插件,这四种地图直接就可以加载进来,十分方便. 下面是我做的例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <link href="leaflet/lea

leaflet加载离线OSM(OpenStreetMap)

本文为博主原创,如需转载需要署名出处. leaflet作为广为应用的开源地图操作的API,是非常受欢迎,轻量级的代码让使用者更容易操作. 废话不多说,下面直接给出范例. 首先在这个网站下载leaflet的压缩包,其中包括了其API以及一些范例.https://github.com/Leaflet/Leaflet 下载完之后,自己搭建一个服务器,将这个包文件放在服务器的根目录下面,这时候在浏览器可以访问一下其中的范例.例如,在我的这里测试在浏览器里输入:http://localhost/Leafl

leaflet本地加载arcgis切片

var origin = [-20037700, 33711400];//图层起点坐标 var resolutions = [ 8466.6836000338681, // Level 0 4233.341800016934, // Level 1 2116.670900008467, // Level 2 1058.3354500042335, // Level 3 529.16772500211675 // Level 4 ]; var crs = new L.Proj.CRS( '', '

Arcgis for Js之加载wms服务

概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务. 1.定义resourceInfo var resourceInfo = { extent: new Extent(-126.40869140625,31.025390625,-109.66552734375,41.5283203125,{wkid: 4326}), layerInfos: [], version : '1.1.1' }; 2.加载ArcgisServer的wms var a

（转）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

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

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

《ArcGIS Runtime SDK for Android开发笔记》——（11）、ArcGIS Runtime SDK常见空间数据加载

ArcGIS Runtime SDK for Android 支持多种类型空间数据源.每一种都提供了相应的图层来直接加载,图层Layer是空间数据的载体,其主要继承关系及类型说明如下图所示: 转载请注明出处:http://www.cnblogs.com/gis-luq/p/5062715.html 1.图层分类解析 Layer是所有图层的基类,声明了空间参考.最大范围.初始范围.单位和图层委托等基本属性,还有图层加载的相关方法. 同时对于MapView的空间参考,最大范围,初始范围若不特殊指定,

ARCGIS进行地理配准并加载到谷歌地球中查看

普通的地图图片如何能让其附有经纬度坐标和投影信息,如何能将普通的地图图片加载到诸如谷歌地球等相关的三维地球软件当中进行生产或学习使用呢,这就要用到gis当中常用的一种功能,叫做地理配准.地理配准并不复杂,只要有基准影像和能够进行地理配准的软件就可以对普通的地图图片进行地理配准.本文所要配准的图片是在百度图片中下载的最新北京地铁图(之所以选择地铁图是因为图上有站点信息,可以方便的选取控制点,选取控制点是一个繁琐的工作,需要耐心,这里偷点懒).如图: 下面就来介绍如何进行地理配准.本文需要用的软件工

基于Tomcat部署的Geoserver配置Geowebcache，并转发ArcGIS切片

1.将GeowebCache的war包解压到tomcat的webapp下,打开war包中的WEB-INF中的web.xml文件,同时创建一个你想保存geowencache的切片的空文件夹,例如我命名叫arcgis web.xml文件中添加<context-param>节点,param-value是你所建的文件夹 <context-param> <param-name>GEOWEBCACHE_CACHE_DIR</param-

局域网Cesium离线影像及瓦片影像地图加载【转】

http://www.mamicode.com/info-detail-2161992.html 1.Cesium简介优点: cesium展示地图数据效果比较好,解析2D地图各种不同服务类型的数据源,比如百度地图.天地图.arcgis地图.BingMap.openStreetMap.MapBox等等:解析地形图加载:解析3D模型,包括动态加载以及3Dtitles切片形式加载展示,尤其是3Dtitles,大大的加快了展示3D模型的展示效率: Cesium封装部分地图控件,直接调用即可,不用自己写

局域网Cesium离线影像及瓦片影像地图加载

1.Cesium简介优点: cesium展示地图数据效果比较好,解析2D地图各种不同服务类型的数据源,比如百度地图.天地图.arcgis地图.BingMap.openStreetMap.MapBox等等:解析地形图加载:解析3D模型,包括动态加载以及3Dtitles切片形式加载展示,尤其是3Dtitles,大大的加快了展示3D模型的展示效率: Cesium封装部分地图控件,直接调用即可,不用自己写: 缺点: 跟商业3DGIS软件对比,比如skyline,cesium三维分析功能较弱, cesi

leaflet-webpack 入门开发系列二加载不同在线地图切换显示（附源码下载）

前言 leaflet-webpack 入门开发系列环境知识点了解: node 安装包下载webpack 打包管理工具需要依赖 node 环境,所以 node 安装包必须安装,上面链接是官网下载地址 webpack 配置介绍文档详细的 webpack 文档配置介绍,适合新手查看,我也是边看边学 vscode 安装包下载,我这边用 vscode工具编译开发前端项目,个人觉的这款工具还不错 leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 l

Flex 加载dwg

之前写的几种格式不是专门gis格式,这次来说说加载dwg.首先dwg格式不同于dxf格式,虽然autocad都能加载进去,真正用的比较多的是dwg格式,反正测绘,国土规划部门都是,吐槽下,然而autocad软件也是很贵的.首先为什么dwg格式加载为什么这么麻烦? dwg格式随着autocad版本升级,它的文件编码是不一样的,dxf是开源的,dwg是不开源的,只有跟autocad公司合作的企业才可以解析它的,现在我这里写的大部分都是对地图相关的,所以arcgis自然就可以加载.arcgis api

ArcGIS 切片与矢量图图层顺序问题

在项目中有个需求:根据图层索引添加图层看到这个需求一下子想到 map.addLayer(layer,index?) 接口但是问题出现了,我切片图加载顺序在矢量图之后就不行! map = new Map("map"); //加载矢量服务图层 var dynamic = new ArcGISDynamicMapServiceLayer(""); //加载切片服务图层 var tiled = new ArcGISTiledMapServiceLayer("&

Arcgis js API使用wmts方式加载GeoWebCache中的切片地图（转载）

使用GeoWebCache的主要目的是其独立安装版能够发布arcgis的切片.我们知道,使用openlayer是调用geoserver最方便的方法,那么在发布完arcgis的切片后,怎么用arcgis API来调用呢? 1.重写TiledMapServiceLayer的方式. 不断寻找,终于找到了一个arcgis官网的加载geoserver的wmts的例子,而geoserver和GeoWebCache是支持wmts的.所以这个方法是可行的.我将这个例子改了一下,最后调用成功. 例子如下: fun

leaflet 加载4326 arcgis切片

热门专题