<!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…
<!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 api for javascript,发现一头雾水,决定记录下自己的学习过程. 一.下载arcgis api for js 4.2的library和jdk,具体安装包可以去官网或者csdn找链接下载. 二.加载第一张地图 1.在线模式,参考知乎大神的文章http://zhihu.esrichina.com.cn/article/3133.就是在外网的情况调用esri官网的api,但是网速不给力的时候怎么也加载不出来,而且也不报错,总之挺烦的 2.本地部署.可以IIS和T…
写在前面的话: 1.百度地图是自己定义的坐标系统,wkid=102100.百度地图数据是加密的产物.下文将附上百度坐标与WGS84,谷歌等坐标系统转换方法(地理-地理),此方法并未亲测,据说准 2.百度地图可以直接加载经纬度坐标 3.百度地图如果加载的arcgis api中会出现坐标偏移,1.中已经解决了地理坐标转换,那么找到百度投影-地理坐标的转换方式,则arcgis就可以直接无偏加载了,网上很多方法,但是亲测不行. 4.天地图不是涉密数据,根据本文提供的类库,arcgis api for j…
基于两篇react+arcgis的文章介绍,相信大家也能体会两者的开发区别了.在“初探篇”中作者也讲述了自己的选择,故废话不多说,本篇带大家体验在@arcgis/webpack-plugin环境下,使用react+redux+react-router+less+es6+webpack 开发(故在看本篇文章之前,请先了解相关知识). 效果图如下: 文件目录 主要开发文件目录 assets 存放静态资源components 组件configure 全局配置.路由.reduxlayout 页面redu…
Arcgis的Javascript api开发很活跃,不知不觉都发布了3.6的版本了.该版本基于dojo 1.8.3开发的. 从dojo 1.8开始,AMD机制用得越来越多了,而且require([""],...)成为了推荐的写法,原来的dojo.require已不推荐使用了. 但是当我用 define(["esri/layers/TiledServiceLayer",....)这种语法来修改之前网上放出的写法时,发现不行,于是有了下面折中的写法.下面贴代码 第一个…
<!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…
<!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来进行数据展示和数据分析.以前从来没有接触过与Gis有关的东西,一切需要从头开始学.没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录.ArcGis在网上没有找到中文的API,只有官网的英文API和Demo,而且用到了大量dojo的API,dojo也没有接触过,这方面也是需要学习的…… 一.ArcGis加载 引入css 和js <link rel= "stylesheet" href ="https://js.…
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS服务是OGC标准的,需要使用WMTSLayer类来实例化图层. 问题:天地图和自己的WMTS只能显示一个,即先加载哪个,就只显示哪个,而另外一个图层不会显示. 原因:天地图服务和自己的WMTS服务的切片矩阵集不同导致.下面多点废话详细分析一下,因为我对各服务了解的很浅,如果有错误请批评指正.  WM…
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…
http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何在Openlayers 2.X的版本中加载天地图,并添加自己的wms服务. 效果: 地图 影像 地形 去掉本地wms 实现: 1.天地图服务 在天地图的官方网站上,我们可以看到如下所示的: 页面上列出了我们可调用的图的url,网站地址为:http://www.tianditu.com/guide/i…
使用openlayers3来加载天地图卫星图和标注图层,GeoServer发布地图,一并用openlayers测试加载出来,顺便实现了7种地图控件.下面直接贴代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport&q…
网上有很多 就是没说 加载天地图需要开发者秘钥,这个需要去天地图官网申请一个就可以了,下面贴上源码 还有就是Cesium也是需要token的哈 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta ch…
// 采用openlayers加载天地图 var layer = new ol.layer.Tile({ source: new ol.source.XYZ({ // crossOrigin: 'Anonymous', // 是否请求跨域操作 url: url // 天地图地址 }) }); 如果没有用到crossOrigin属性就不会产生跨域问题,一般这个参数也不会设置. 这个参数使用场景如下官网所述: 加载图像的crossOrigin属性.请注意,如果使用的是WebGL渲染器,或者要使用Ca…
在天地图中加载天地图在线服务,然后叠加上我们制作的专题图,可以查看制图效果. 以加载山东省天地图矢量地图服务为例: 服务地址: http://www.sdmap.gov.cn/tileservice/SDPubMap?TOPLEFTCORNEREXCHANGE=0&DPI=96 在idesktop中打开web型数据源: 添加后,双击加入的web数据源,在桌面窗口中打开,地图加载需要一会时间. 然后就可以在天地图上叠加矢量数据了.我们在发现叠加矢量图层后,会出现偏移,这是因为天地图在发布到互联网的…
对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏.其实国家测绘地信局就提供一个很好的免费资源:天地图.使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图. ArcGIS JavaScript API最近新推出了3.18版本.所以下面示例代码将基于该版本. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…
本文摘自:http://blog.csdn.net/leesmn/article/details/6916458(很优秀的博客)   作为ESRI的平台的一份子arcgis api for silverlight,自然与ESRI的其它产品有联系.上一篇我们做了一个地图浏览的程序,它的确很简单.只是有一点不大明白:            <esri:ArcGISTiledMapServiceLayer ID="MyLayer" Url="http://services.a…
火狐浏览器安装离线浏览插件: 用浏览器打开index.html文件,你会发现加载的很慢,原因你懂的,为此,我们可以通过离线的方式 查看本地API文档,用火狐浏览器  +   Work Offline插件,选择离线模式查看本地API,速度很快,很赞~ Chrome浏览器开启离线模式: 在地址栏中输入下面的命令 chrome://flags 在出现的新页面中按快捷键CTRF+F打开搜索快捷方式,并输入下面的内容 “启用离线缓存模式” 这时会搜索到一条信息,如下图,点击下方的“启用”,并下方的“启用离…
   下面就一些web api的一些基础内容进行阐述,然后就web api宿主承载中的实际业务问题进行解决 HttpController      HttpController的激活是由处于消息处理管道尾端的HttpRoutingDispatcher来完成的,具体来说是HttpRoutingDispatcher利用HttpControllerDispatcher实现了针对目标HttpController的激活和执行.激活目标HttpController的前提是能够正确解析出HttpControl…
前言 SpringBoot启动时默认加载bootstrap.properties或bootstrap.yml(这两个优先级最高).application.properties或application.yml,如果我们配置了spring.profiles,同时会加载对应的application-{profile}.properties或application-{profile}.yml,profile为对应的环境变量,比如dev,如果没有配置,则会加载profile=default的配置文件 虽然…
在ArcMap中添加WMTS Server,连接上了,但是不显示 天地图升级向导:http://lbs.tianditu.gov.cn/authorization/authorization.html 明明按照天地图的要求申请了key,但还是加不上图,仔细一看,是参数位置写错了 应该改成如下位置,马赛克位置是填写key 更改好之后,便可以成功显示了 附天地图服务链接:http://lbs.tianditu.gov.cn/server/MapService.html 根据以上天地图服务链接,经过众…
Cesium自带的图层是bing地图和esri,mapbox等图层,木有中文注记,想加载中文注记的图层?废话不说,上代码: var viewer = new Cesium.Viewer('cesiumContainer', {     animation: false,     baseLayerPicker: false,     geocoder: true,     timeline: false,     sceneModePicker: true,     navigationHelp…
ArcGIS API for JavaScript(3.x)如何加载天地图<ArcGIS API for Javascript 加载天地图(经纬度投影) - 张凯强 - 博客园>这篇文章已经写的很好了,但放到 4.x 上没法用,这里我将他的方法升级到 4.x 版本供大家参考.(4.x 修改了挺多东西) 在线预览:ArcGIS TianDiTu 代码: <!DOCTYPE html> <html style="height: 100%;"> <h…
解决此异常的方法有以下两种: 方法一 把vs2005菜单的 调试->异常->Managed Debuggin Assistants->LoaderLock 的选中状态去掉  如果异常(exception)这一项没有的话,在工具---自定义---命令选项卡---左边选择调试--右边把异常托到菜单里  快捷键Ctrl+Alt+E,修改Managed Debuggin Assistants->LoaderLock 的选中状态去掉   方法二 在HKEY_LOCAL_MACHINE\SOF…
openlayer 是基于JavaScript的webGIS库 ,通过openlayer可以很容易的调用地图,并做相应的操作. 在head中载入openlayer的js文件: <link rel="stylesheet" href="https://openlayers.org/en/v4.1.1/css/ol.css" type="text/css"> <script src="jquery-1.11.1.min.j…
Arcgis100.4 默认添加了请求referer 值,天地图会拒绝请求,替换为http://map.tianditu.gov.cn/ 可正常显示.(arcgis 降级到100.1也可正常显示) RequestConfiguration requestConfiguration = new RequestConfiguration();requestConfiguration.getHeaders().put("referer", "http://map.tianditu.…
ArcGis API for JavaScript开发笔记——加载地图 在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f4286530e101e38b39ac26299ded3bd3&sub=wcp148109601207156). 新建一个html文件,如newmap.html.输入如下内容: <!DOCTYPE html> <html> <head> <meta http-equiv…
http://www.cnblogs.com/chenyuming507950417/ Flex加载google地图.百度地图以及天地图作底图 一  Flex加载Google地图作底图 (1)帮助类GoogleLayer.as /* * 根据输入的地图类型加载Google地图(by chenyuming) */ package Layers { import com.esri.ags.SpatialReference; import com.esri.ags.geometry.Extent; i…
ArcGis API for JavaScript开发笔记——离线部署API 以3.18版API为例: 在加载图图前引用GIS服务是必须的.有两种方法,一是在线引用,而是离线部署引用. 在线引用: <link rel="stylesheet"href="https://js.arcgis.com/3.18/esri/css/esri.css"> <script src="https://js.arcgis.com/3.18/"&…