1234567891011121314151617181920212223242526272829303132 |
- <html>
- <head>
- <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
- <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
- <style>
- #map {
- width: 100%;
- height: 100%;
- }
- </style>
- </head>
- <body>
- <div id="map"></div>
- <script>
- var map = L.map("map").setView([38.45, 70.6], 6);
- var osm = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
- attribution:
- '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
- }).addTo(map);
- //load wms form geoserver
- const mywms = L.tileLayer.wms("http://192.168.60.2:8080/geoserver/sanya_workspace/wms", {
- layers: 'sanya:TB_GHDK_SITUATION',
- format: 'image/png',
- transparent: true,
- version: '1.1.0',
- attribution: "country layer"
- });
- mywms.addTo(map);
- </script>
- </body>
- </html>
|