Maps Javascript APIs
eKMap PlatformMaps Javascript APIsJavascript APITruy vấn thông tin

Truy vấn thông tin

eKMap Platform Services API giúp bạn dễ dàng sử dụng các Rest API về truy vấn một cách nhanh chóng và dễ dàng nhât, bao gồm:

  • Thông tin độ cao, độ dốc - Elevation API
  • Thông tin quy hoạch sử dụng đất - Land Use API
  • Thông tin quy hoạch kế hoạch sử dụng đất - Land Use Plan API
  • Thông tin quy hoạch sử dụng đất xây dựng - Zoning API
  • Thông tin khu vực bảo tồn - Protected Areas API
  • Thông tin về Kinh tế và Xã hội - Population API
  • Thông tin thổ nhưỡng - Soils API
  • Thông tin hành lang an toàn đường sắt - Railway Corridor API
  • Thông tin hành lang an toàn lưới điện - High Voltage API
  • Thông tin khoảng cách đến trung tâm đơn vị hành chính - Distance API
  • Thông tin về thủy văn - Hydro API
  • Thông tin về khu công nghiệp - Industrial Zone API

Elevation API

Dịch vụ cung cấp thông tin độ cao so với với mặt nước biển và độ dốc tại một tọa độ địa lý.

new ekmapplf.service.Elevation(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin độ cao và độ dốc
run(callback: Function)Hàm gọi dịch vụ lấy thông tin độ cao và độ dốc theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>Elevation Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var elevationService = new ekmapplf.service.Elevation(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
elevationService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != undefined){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Độ cao: " + response.elevation + " m</div><div>Độ dốc: " + response.slope +"</div>").addTo(map);
}
});
})
</script>
</body>
 
</html>

Land Use API

Dịch vụ cung cấp thông tin quy hoạch sử dụng đất hiện trạng tại một tọa độ địa lý.

new ekmapplf.service.LandUse(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin chức năng sử dụng đất hiện trạng
run(callback: Function)Hàm gọi dịch vụ lấy thông tin chức năng sử dụng đất hiện trạng theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>LandUse Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var landuseService = new ekmapplf.service.LandUse(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
landuseService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != undefined){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Tên loại đất: " + response.ppname + "</div>").addTo(map);
}else{
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Không có dữ liệu</div>").addTo(map);
}
});
})
</script>
</body>
 
</html>

Land Use Plan API

Dịch vụ cung cấp thông tin quy hoạch kế hoạch sử dụng đất tại một tọa độ địa lý.

new ekmapplf.service.LandUsePlan(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin chức năng sử dụng đất theo bản đồ quy hoạch
run(callback: Function)Hàm gọi dịch vụ lấy thông tin quy hoạch kế hoạch sử dụng đất theo bản đồ quy hoạch tại vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>LandUsePlaning Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var landuseplanService = new ekmapplf.service.LandUsePlan(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
landuseplanService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response.landuse_plan != null){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Loại đất quy hoạch: " + response.landuse_plan.planppname + "</div>").addTo(map);
}else{
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Không có dữ liệu</div>").addTo(map);
}
});
})
</script>
</body>
 
</html>

Zoning API

Dịch vụ cung cấp thông tin chức năng sử dụng đất quy hoạch theo bản đồ quy hoạch xây dựng tại một tọa độ địa lý.

new ekmapplf.service.Zoning(apiKey: String)

Parameters:

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin chức năng sử dụng đất quy hoạch theo bản đồ quy hoạch xây dựng
run(callback: Function)Hàm gọi dịch vụ lấy thông tin chức năng sử dụng đất quy hoạch theo bản đồ quy hoạch xây dựng tại vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>Zoning Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var zoningService = new ekmapplf.service.Zoning(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
zoningService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != undefined){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Tên loại đất theo bản đồ quy hoạch xây dựng: " + response.planppname + "</div>").addTo(map);
}else{
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML("<div>Không có dữ liệu</div>").addTo(map);
}
});
})
</script>
</body>
 
</html>

Protected Areas API

Dịch vụ cung cấp kiểm tra một tọa độ địa lý có thuộc khu vực được bảo vệ (khu bảo tồn, hành lang an toàn công trình,...) hay không? Nếu có thì thuộc khu vực cụ thể nào? Nếu không thì cách bao nhiêu, theo hướng nào?.

new ekmapplf.service.ProtectedArea(apiKey: String, options: Object)

Parameters:

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ
optionsObjectTham số mở rộng của dịch vụ
options.radiusNumberBán kính truy vấn lấy danh sách khu bảo tồn

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý
setRadius(radius: number)Hàm cập nhật bán kính truy vấn lấy danh sách khu bảo tồn
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về khu vực bảo tồn tại vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>ProtectedArea Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var protectedAreaService = new ekmapplf.service.ProtectedArea(apiKey);
map.on('click', function(e){
protectedAreaService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
var innerHTML = "";
if(response.length > 0){
if(response[0].distance == 0) innerHTML += "<div>Thuộc " + response[0].name +"</div>";
else innerHTML += "<div>Cách " + response[0].name + " " + response[0].distance + " m</div>";
}else{
innerHTML = "<div>Không có dữ liệu khu bảo tồn</div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
});
})
</script>
</body>
 
</html>

Population API

Dịch vụ cung cấp thông tin về kinh tế và xã hội tại một vị trí.

new ekmapplf.service.Population(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về kinh tế và xã hội tại vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="utf-8" />
<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' />
<title>Population Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var populationService = new ekmapplf.service.Population(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
populationService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != null){
var html = "";
if(response.district != null && response.district.density != null && response.district.density != 0){
html +="<div>Mật độ dân cư theo huyện: " + response.district.density + " người/km <sup>2</sup> </div>";
}
if(response.district != null && response.district.population != null && response.district.population){
html += "<div>Dân số theo huyện: " + response.district.population + " người"
}
if(response.district.density == 0 && response.district.density == 0){
html = "<div>Không có dữ liệu</div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(html).addTo(map);
}
});
})
</script>
</body>
 
</html>

Soils API

Dịch vụ cung cấp thông tin về thổ nhưỡng tại một tọa độ địa lý.

new ekmapplf.service.Soil(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về thổ nhưỡng
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về thổ nhưỡng theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>Soil Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var soidService = new ekmapplf.service.Soil(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
soidService.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>

Railway Corridor API

Dịch vụ cung cấp thông tin về hành lang an toàn đường sắt tại một tọa độ địa lý

new ekmapplf.service.RailwayCorridor(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về hành lang an toàn đường sắt
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về hành lang an toàn đường sắt theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>Railway Corridor Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var railwayService = new ekmapplf.service.RailwayCorridor(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
railwayService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != null){
var innerHTML = "";
if(response.distance == 0){
innerHTML = "<div>Thuộc khu vực hành lang an toàn " + response.name + "</div>";
}else{
innerHTML = "<div>Cách khu vực hành lang an toàn " + response.name + " " + response.distance + "m<div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
}
});
})
</script>
</body>
 
</html>

High Voltage API

Dịch vụ cung cấp thông tin về hành lang an toàn lưới điện tại một tọa độ địa lý

new ekmapplf.service.HighVoltage(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về hành lang an toàn lưới điện
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về hành lang an toàn lưới điện theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>High Voltage Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var highVoltageService = new ekmapplf.service.HighVoltage(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
highVoltageService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
if(response != null){
var innerHTML = "";
if(response.distance == 0){
innerHTML = "<div>Thuộc khu vực hành lang an toàn lưới điện " + response.voltage + "</div>";
}else{
innerHTML = "<div>Cách khu vực hành lang an toàn lưới điện " + response.voltage +" " + response.distance +" m</div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
}
});
})
</script>
</body>
 
</html>

Distance API

Dịch vụ cung cấp thông tin về khoảng cách theo đường chim bay, khoảng cách theo đường bộ từ một vị trí đến trung tâm đơn vị hành chính xã, huyện, tỉnh

new ekmapplf.service.Distance(apiKey: String)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về khoảng cách đến trung tâm đơn vị hành chính
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về khoảng cách đến trung tâm đơn vị hành chính theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>Distance Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId', // container id
center: [105, 17], // starting position
zoom: 4 // starting zoom
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var distanceService = new ekmapplf.service.Distance(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
distanceService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
var innerHTML = "";
if(response.commune_center) innerHTML += "<div>Cách trung tâm " + response.commune_center.name + " " + response.commune_center.distance + "m</div>";
if(response.district_center) innerHTML += "<div>Cách trung tâm " + response.district_center.name + " " + response.district_center.distance + "m</div>";
if(response.province_center) innerHTML += "<div>Cách trung tâm " + response.province_center.name + " " + response.province_center.distance + "m</div>";
if(innerHTML != ""){
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
}
});
})
</script>
</body>
 
</html>

Hydro API

Dịch vụ lấy danh sách thủy văn dựa theo bán kính truy vấn tại một tọa độ địa lý

new ekmapplf.service.Hydro(apiKey: String, options: Object)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ
optionsObjectTham số mở rộng
options.radiusnumberBán kính truy vấn thông tin thủy văn

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về thủy văn
setRadiusnumberHàm cập nhật bán kính truy vấn thông tin thủy văn
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về thủy văn theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>Hydro Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId',
center: [105, 17],
zoom: 4
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var hydroService = new ekmapplf.service.Hydro(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
hydroService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
var innerHTML = "";
if(response.length > 0){
for(var i = 0; i < response.length; i++){
innerHTML += "<div>" + response[i].name + "</div>";
}
}else{
innerHTML = "<div>Không có dữ liệu</div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
});
})
</script>
</body>
 
</html>

Industrial Zone API

Dịch vụ lấy danh sách khu công nghiệp dựa theo bán kính truy vấn tại một tọa độ địa lý

new ekmapplf.service.IndustrialZone(apiKey: String, options: Object)

Parameters

Thuộc tínhKiểuMô tả
apiKeystringKey này sẽ được đưa vào trong tất cả các yêu cầu của dịch vụ
optionsObjectTham số mở rộng
options.radiusnumberBán kính truy vấn thông tin khu công nghiệp

Methods

Phương thứcGiá trị trả vềMô tả
at([lng: number, lat: number])thisHàm cập nhật vị trí tọa độ địa lý để lấy thông tin về khu công nghiệp
setRadiusnumberHàm cập nhật bán kính truy vấn thông tin khu công nghiệp
run(callback: Function)Hàm gọi dịch vụ lấy thông tin về khu công nghiệp theo vị trí tọa độ địa lý đã cập nhật

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<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' />
<title>Industrial Zone Service</title>
<style>
.map {
width: 100%;
height: calc(100vh - 15px);
}
body {
overflow: hidden;
}
</style>
</head>
 
<body>
<div style="width: 100%;">
<div id="divMapId" class="map"></div>
</div>
<script>
var apiKey = 'YOUR_API_KEY' // "Nhập khóa API eKMap Platform của bạn"
var map = new maplibregl.Map({
container: 'divMapId',
center: [105, 17],
zoom: 4
});
var mapOSMBright = new ekmapplf.VectorBaseMap('OSM:Bright', apiKey).addTo(map);
var industrialZoneService = new ekmapplf.service.IndustrialZone(apiKey);
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
})
map.on('click', function(e){
industrialZoneService.at([e.lngLat.lng, e.lngLat.lat]).run(function(error, response){
var innerHTML = "";
if(response.length > 0){
for(var i = 0; i < response.length; i++){
innerHTML += "<div>" + response[i].name + "</div>";
}
}else{
innerHTML = "<div>Không có dữ liệu</div>";
}
popupInfo.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(innerHTML).addTo(map);
});
})
</script>
</body>
 
</html>