ol+天地图+geoserver_GeoServer的WMS服务加载到天地图

自己发布的WMS服务(地图数据)如何叠加到天地图中去呢，下面就展示一下。

1、数据准备

首先需要发布一个WMS服务，具体的发布过程就不说了。现有一个WMS服务如下：

点击OpenLayers链接后可以发现如下页面：

上面的网址为：

http://localhost:8080/geoserver/lgh/wms?service=WMS&version=1.1.0&request=GetMap&layers=lgh:1820pref&styles=&bbox=69.75657800000005,3.853723000000059,144.75158700000011,55.92380500000005&width=512&height=355&srs=EPSG:4326&format=application/openlayers

其中的黄色部分就是WMS服务的地址。

2、编写Web端代码

只需要按照上述的地址编写如下html代码即可。

天地图－地图API－范例－叠加wms图层

var map;

var zoom = 7;

var wmsLayer;

function onLoad()

{

//初始化地图对象

map=new TMap("mapDiv");

//设置显示地图的中心点和级别

map.centerAndZo