Geoserver层到传单

时间:2019-05-10 02:44:14

标签: javascript leaflet geoserver

我将文件存储在wms服务中的Geoserver中, 我想将数据显示到传单中。

这是

的链接

代码:

  <!DOCTYPE html -->
<html>
<head>
<title> leaflet webviewer with Geoserver</title>
<!--Load the style stylesheet of leaflet -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
<!--Load leaflet -->
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>

  <!--Load vectorGrid plugin for Leaflet -->
  <script src="https://unpkg.com/leaflet.vectorgrid@latest/dist/Leaflet.VectorGrid.bundled.js"></script>


<style>
/*Set the dimensions of our map */
.map {
height: 100%;
width: 100%;
}
</style>

</head>
<body>
<!--Create our map object -->
<div id="map" class="map"></div>
</body>
</html>

<script>
// Find our map id
var map = L.map('map')
// Set open openstreetmap
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);


 var wmsLayer= L.tileLayer.wms("localhost:8080/geoserver/cite/wms?service=WMS", {
        layers: 'cite:vnm_adm3',
        format: 'image/png',
        transparent: false
    });
    map.addLayer(wmsLayer);

// Set our initial location and zoomlevel
map.setView([16.4637, 107.59], 6);



</script>

这是错误

  

localhost:8080 / geoserver / cite / wms?service = WMS&service = WMS&request = GetMap&layers = cite%3Avnm_adm3&styles =&format = image%2Fpng&transparent = false&version = 1.1.1&width = 256&height = 256&srs = EPSG%3A3857&bbox = 11897270。网址:: ERR_UNKNOWN_URL_SCHEME

我该如何解决?

0 个答案:

没有答案
相关问题