Bản đồ Quy hoạch xây dựng | Maps Javascript APIs

Hướng dẫn này chỉ cho bạn cách thêm Bản đồ Quy hoạch xây dựng 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 xây dựng</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 mapConstruction = new huemapplf.VectorBaseMap(
'Construction:Bright',
'{YOUR_API_KEY}'
).addTo(map);
</script>
 
 
</body>
</html>