Bản đồ tỉnh/thành phố | Maps Javascript APIs

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