To embed this map, copy the following code snippet into your own page:
<div class="map-container">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4-src.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var wmsLayer = null;
var map = L.map('map').setView([-10295450.972227622, 428961302581.2548], -29);
var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
});
map.addLayer(osm);
var bbox = [284612456248.25964, -13386127.785885382, 573310148914.25, -7204774.158569861];
zoom_to_box(map, bbox);
var layer_url = 'http://46.165.252.159/geoserver/ows';
var options = {
format: 'image/png',
transparent: true,
layers: 'geonode:GEO_Contour',
opacity: 0.8
};
if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
wmsLayer = L.tileLayer(layer_url, options);
}
else {
wmsLayer = L.tileLayer.wms(layer_url, options);
}
if (wmsLayer != null) {
map.addLayer(wmsLayer);
}
var layer_url = 'http://46.165.252.159/geoserver/ows';
var options = {
format: 'image/png',
transparent: true,
layers: 'geonode:GEO_Geology_pgn',
opacity: 0.8
};
if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
wmsLayer = L.tileLayer(layer_url, options);
}
else {
wmsLayer = L.tileLayer.wms(layer_url, options);
}
if (wmsLayer != null) {
map.addLayer(wmsLayer);
}
var layer_url = 'http://46.165.252.159/geoserver/ows';
var options = {
format: 'image/png',
transparent: true,
layers: 'geonode:GEO_Fault_pln',
opacity: 0.8
};
if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
wmsLayer = L.tileLayer(layer_url, options);
}
else {
wmsLayer = L.tileLayer.wms(layer_url, options);
}
if (wmsLayer != null) {
map.addLayer(wmsLayer);
}
var layer_url = 'http://46.165.252.159/geoserver/ows';
var options = {
format: 'image/png',
transparent: true,
layers: 'geonode:GEO_GeomorphologicalFeatures_pgn',
opacity: 0.8
};
if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
wmsLayer = L.tileLayer(layer_url, options);
}
else {
wmsLayer = L.tileLayer.wms(layer_url, options);
}
if (wmsLayer != null) {
map.addLayer(wmsLayer);
}
var layer_url = 'http://46.165.252.159/geoserver/ows';
var options = {
format: 'image/png',
transparent: true,
layers: 'geonode:GEO_PointElevation',
opacity: 0.8
};
if (layer_url.includes('{z}') && layer_url.includes('{y}') && layer_url.includes('{x}')) {
wmsLayer = L.tileLayer(layer_url, options);
}
else {
wmsLayer = L.tileLayer.wms(layer_url, options);
}
if (wmsLayer != null) {
map.addLayer(wmsLayer);
}
});
function zoom_to_box(map, bbox) {
var bounds = [
[bbox[1], bbox[0]],
[bbox[3], bbox[2]]
];
}
</script>
<style type="text/css">
#map {
height: 800px;
}
</style>
<div id="map"></div>
</div>
Comments (0 total)
Log in to add a comment