Chuyển đổi vị trí sang địa chỉ | Maps Javascript APIs

Ví dụ này mã hóa địa lý cho phép chuyển đổi tọa độ địa lý sang địa chỉ, lý trình đường bộ trên lãnh thổ Việt Nam (click trên bản đồ để xác định địa chỉ)

MapLibre GL JS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Chuyển đổi vị trí sang địa chỉ</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 geocoding = new ekmapplf.service.Geocoding('{YOUR_API_KEY}');
var popupInfo = new maplibregl.Popup({
anchor: 'bottom'
});
map.on('click', function (e) {
var param = {
'point.lon': e.lngLat.lng,
'point.lat': e.lngLat.lat
}
geocoding.reverse(param, function (error, response) {
if (response != null && response.results.length > 0) {
popupInfo
.setLngLat([e.lngLat.lng, e.lngLat.lat])
.setHTML(
'<div>' + response.results[0].formatted_address + '</div>'
)
.addTo(map);
}
})
});
</script>
 
 
</body>
</html>