Bản đồ eKMap hành chính | Maps Javascript APIs

Hướng dẫn này chỉ cho bạn cách thêm bản đồ eKMap hành chính 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 đồ eKMap hành chính</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 mapBDM = new huemapplf.VectorBaseMap(
'BDM:Bright',
'{YOUR_API_KEY}'
).addTo(map);
</script>
 
 
</body>
</html>