Preview Tile Từ Proxy Backend
Endpoint: GET /api/tiles/geoland/15/26234/14905.png
* Nếu có Google Maps API Key, bản đồ tương tác sẽ tự động kích hoạt.
💻 Mã Tích Hợp Google Maps JavaScript API
// Khởi tạo lớp phủ quy hoạch GeoLand qua Proxy
const geoLandOverlay = new google.maps.ImageMapType({
tileSize: new google.maps.Size(256, 256),
getTileUrl: function(coord, zoom) {
// Gọi thẳng vào backend proxy thay vì gọi trực tiếp GeoLand
return `/api/tiles/geoland/${zoom}/${coord.x}/${coord.y}.png`;
},
name: "GeoLand Quy Hoạch",
opacity: 0.8,
maxZoom: 22
});
// Thêm lớp phủ vào bản đồ Google Maps
map.overlayMapTypes.push(geoLandOverlay);