Ứng dụng MapVina Vector Tiles & Isochrone API trong Bất động sản: Xây dựng bản đồ phân tích bán kính tiện ích sống (5 – 10 – 15 phút) và định giá tiềm năng dự án nhà ở số hóa

Livability_Score = SUM( Weight_Category * EXP(-Alpha * Travel_Time_Minutes) )

// Khởi tạo bản đồ 3D MapVina trong component chi tiết dự án BĐS
const MAPVINA_KEY = 'public_key'; // Thay bằng API Key doanh nghiệp của bạn

const map = new maplibregl.Map({
  container: 'real-estate-map-container',
  style: `https://maps.mapvina.com/styles/v2/streets.json?key=${MAPVINA_KEY}`,
  center: [106.722096, 10.795112], // Tọa độ Vinhomes Central Park
  zoom: 15.2,
  pitch: 52, // Nghiêng góc 52 độ để tạo góc nhìn 3D ấn tượng
  bearing: -18,
  attributionControl: false
});

// Khi style bản đồ đã tải xong, kích hoạt lớp 3D Extrusion
map.on('load', () => {
  // Tìm lớp nhãn văn bản đầu tiên để chèn khối nhà 3D nằm dưới nhãn tên đường
  const layers = map.getStyle().layers;
  let labelLayerId;
  for (let i = 0; i < layers.length; i++) {
    if (layers[i].type === 'symbol' && layers[i].layout['text-field']) {
      labelLayerId = layers[i].id;
      break;
    }
  }

  // Thêm layer 3D Building Extrusion từ nguồn vector base của MapVina
  map.addLayer({
    id: '3d-buildings',
    source: 'base',
    'source-layer': 'building',
    type: 'fill-extrusion',
    minzoom: 14,
    paint: {
      'fill-extrusion-color': [
        'interpolate',
        ['linear'],
        ['coalesce', ['get', 'render_height'], 15],
        0, '#94a3b8',
        30, '#0284c7',
        100, '#0369a1'
      ],
      'fill-extrusion-height': ['coalesce', ['get', 'render_height'], 18],
      'fill-extrusion-base': ['coalesce', ['get', 'render_min_height'], 0],
      'fill-extrusion-opacity': 0.8
    }
  }, labelLayerId);
});

import * as turf from '@turf/turf';

/**
 * Tính điểm Livability Index dựa trên danh sách POIs và đa giác Isochrone
 * @param {Feature} isochronePolygon - Đa giác tiếp cận 10 phút
 * @param {Array