首先检查自己发布wms是否有问题
由于之前发布的wms服务没有地理位置信息,所以默认自动生成下面的边界,bbox范围转化成经纬度是 0,0 也就是赤道附近(非洲左边的海),下图的边界值就是赤道点
接下来用来简单修改调试的html,代码中有备注,按需修改
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>TileLayer.WMTS</title>
<style>
html,
body,
#container {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="container"></div>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=01bb0a08d52e91609d6ad046835fec59"></script>
<script>
var map = new AMap.Map('container', {
resizeEnable: true,
zoom: 10,//缩放级别,看情况修改
center: [0, 0] //由于我发布的服务没有地理位置,默认赤道上,各位有位置信息的把这里改掉
});
var wms = new AMap.TileLayer.WMS({
url:'http://发布地址/geoserver/ws/wms',//只到wms就可以了后面的全部删掉
blend:false,
tileSize:512,
params:{'LAYERS': '这里填你地址的图层',VERSION:'1.1.0'}
})
wms.setMap(map);
</script>
</body>
</html>
下图为打开html的详情,由于代码是内网下的,所以没有完整代码,此博客只提供思路方法。
如有疑问 ,请留言