Thông tin thổ nhưỡng

Ví dụ này cung cấp thông tin thổ nhưỡng tại một tọa độ địa lý. Dữ liệu cung cấp trên lãnh thổ Việt Nam (click trên bản đồ để xem)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Thông tin thổ nhưỡng</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://files.ekgis.vn/sdks/v2.0.0/ekmap-platform.min.js"></script>
<link href="https://files.ekgis.vn/sdks/v2.0.0/ekmap-platform.min.css" rel="stylesheet" />
<style>
body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; width: 100%; background:#ddd;}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = new maplibregl.Map({
container: 'map',
center: [105, 17],
zoom: 4
});
var mapOSMBright = new ekmapplf.VectorBaseMap(
'OSM:Bright',
'{YOUR_API_KEY}'
).addTo(map);
var soilService = new ekmapplf.service.Soil('{YOUR_API_KEY}');
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
});
map.on('click', function (e) {
soilService
.at([e.lngLat.lng, e.lngLat.lat])
.run(function (error, response) {
if(response != undefined){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Loại đất: " + response.type + "</div>").addTo(map);
}
});
});
</script>
</body>
</html>