天地图web叠加WMS服务

昨晚加到晚上八点就是为了搞天地图叠加一个WMS服务，之前实际上做过类似的，但是用的是openlayer,山东天地图的服务，很快就出来了，换成天地图自带的API，对照WMS的能力文档，就是叠加不了，地图图片下载不下来！但是可以肯定的是就是参数配置有问题。

  var config = {version: "1.1.1", //请求服务的版本layers: '0,1,2,3',//图层//SERVICE:"WMS",     //服务类型标识符transparent: true, //输出图像背景是否透明styles: "",           //每个请求图层的用","分隔的描述样式srs:"EPSG:4326",format: "image/png"   //输出图像的类型};

再看看WMS的能力文档

版本verison是1.3.0吧，其他的参数文档都有

包括下面的

正常情况下按照这些配置即可，可是就是不成功，最后反复试，问同事，最后发现问题出在version上，天地图参数中配置的版本号不是和服务地址的版本号对应，应该是内部问题，其他百度，高德，调用WMS的服务版本都是依据能力文档的。
修改版本号为1.1.0或者默认（1.1.1）就好了
直接上源码

<!DOCTYPE html>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta name="keywords" content="天地图"/><title>地理数据测试</title><script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=xxxxxxxxxxxxx"></script><style type="text/css">body, html {width: 100%;height: 100%;margin: 0;font-family: "Microsoft YaHei"}#mapDiv {width: 100%;height: 600px}input, b, p {margin-left: 15px;font-size: 14px}</style><script type="text/javascript">var map;var zoom = 11;var wmsLayer;function onLoad() {map = new T.Map('mapDiv');map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);map.enableScrollWheelZoom();}function getWMS(url, config) {if (wmsLayer) {map.removeLayer(wmsLayer);}wmsLayer = new T.TileLayer.WMS(url, config);map.addLayer(wmsLayer);}function addWmsLayer(layers, url) {var config = {version: "1.1.1",   //请求服务的版本(这块很容易出问题)layers: '0,1,2,3',//SERVICE:"WMS",       //服务类型标识符transparent: true, //输出图像背景是否透明styles: "",           //每个请求图层的用","分隔的描述样式srs:"EPSG:4326",format: "image/png"   //输出图像的类型};getWMS(url, config);}</script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv"></div>
<p>本示例演示如何叠加其它WMS服务图层。</p>
<div style="position:absolute;"><input type="button" value="叠加WMS服务图层" onClick="addWmsLayer('0','http://xxx.xxx.xxx.23:6080/arcgis/services/JXCGD/MapServer/WMSServer')"/><input type="button" value="删除WMS服务图层" onClick="map.removeLayer(wmsLayer);"/>
</div>
</body>
</html>

天地图web叠加WMS服务相关推荐

ol+天地图+geoserver_GeoServer的WMS服务加载到天地图
自己发布的WMS服务(地图数据)如何叠加到天地图中去呢,下面就展示一下. 1.数据准备首先需要发布一个WMS服务,具体的发布过程就不说了.现有一个WMS服务如下: 点击OpenLayers链接后可以 ...
Openlayers 地名搜索、坐标搜索、行政区划等服务-基于天地图Web服务
Openlayers 地名搜索.坐标搜索.行政区划等服务-基于天地图Web服务 OpenLayers 教程 Openlayers 使用天地图Web服务在线示例 OpenLayers 教程天地图作为 ...
Android 中使用地图加载wms服务(高德地图，谷歌地图，天地图)
转载请注明出处:http://blog.csdn.net/zkjthinking/article/details/77278838 由于公司需求需要在移动平台上加载自己发布的wms 服务: 高德地图加 ...
Arcgis for Js之加载wms服务
概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务. 1.定义resourceInfo var resourceInfo = { extent: ...
在线的免费的WMS服务汇总
等高线地图(骑行地图):能访问 http://a.tile.opencyclemap.org/cycle/10/265/420.png openstreetmap:能访问,但是经纬度坐标为大地坐标 h ...
使用GeoServer发布WMS动态地图服务，使用openlayers访问wms服务浏览地图数据
GEOServer是java版开源工具,使用GEOServer简单几步就可以搭建自己的地图服务,与小伙伴们共享地图数据. 一.使用GEOServer发布WMS动态地图服务大致步骤如下: 1. 新建工 ...
openlayes调用arcgis wms服务跨域问题（arcgis server10.2）
在使用ol5调用arcgis wms服务使用canvas导处图片的时候会出现跨域问题. wms图层加载方式 new ol.layer.Image({ source: new ol.source.Ima ...
天地图与Arcgis互调服务
1.天地图调用Server发布的WMS服务具体发布服务的方法不再赘述,只需要注意发布的时候勾选"功能"处的WMS即可. 发布完后,点击WMS下URL,可查看到WMS服务的相关信息 ...
03-GeoServer WMS服务参数讲解
1. WMS服务基础知识 WMS服务:web map service,网络地图服务或者又叫动态地图服务,是利用具有地理空间位置信息的数据制作地图,其中将地图定义为地理数据的可视化表现,能够根据用户的请 ...

天地图web叠加WMS服务

天地图web叠加WMS服务相关推荐

最新文章

热门文章