Bản đồ quy hoạch sử dụng đất | Maps Javascript APIs

Hướng dẫn này chỉ cho bạn cách thêm Bản đồ quy hoạch sử dụng đất do HueMap Platform cung cấp

Sử dụng Javascript API new huemapplf.VectorBaseMap, bạn có thể đọc thêm về cách sử dụng và các lựa chọn cho đối tượng Bản đồ nền tại đây

Mapbox GL JS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Bản đồ quy hoạch sử dụng đất</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v1.13.0/mapbox-gl.css" rel="stylesheet" />
<script src="https://mapplatform.tthue.vn/sdks/huemap-platform-v1.0.0.min.js"></script>
<link href="https://mapplatform.tthue.vn/sdks/huemap-platform-v1.0.0.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 mapboxgl.Map({
container: 'map',
center: [107.5402, 16.4386],
zoom: 10.68
});
var mapLUM = new huemapplf.VectorBaseMap(
'LUM:Bright',
'{YOUR_API_KEY}'
).addTo(map);
</script>
 
 
</body>
</html>