Thêm công cụ Geocoding | Maps Javascript APIs

Ví dụ này thêm điều khiển mã hóa địa lý vào bản đồ web, cho phép người dùng tìm kiếm địa điểm trên bản đồ.

Xem thêm các lựa chọn về control Geocoder

MapLibre GL JS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Thêm công cụ Geocoding</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
});
 
/* Bản đồ nền */
var basemap = new ekmapplf.VectorBaseMap('OSM:Bright', '{YOUR_API_KEY}');
basemap.addTo(map);
// Add the control to the map.
var geocoder = new ekmapplf.control.GeoCoder({
apiKey: '{YOUR_API_KEY}'
});
map.addControl(geocoder, 'top-left');
</script>
 
 
</body>
</html>