${escapeHTML(node.name)}${escapeHTML(node.detail || '')}
${isVehicleNode ? `
${dict.onlineText}: ${node.online}/${node.count} · ${formatNumber(node.dist, 1)} km
` : ''}
`,
offset: new AMap.Pixel(0, -32)
});
infoWindowList.push(infoWindow);
marker.on('mouseover', () => infoWindow.open(map, node.lnglat));
marker.on('mouseout', () => infoWindow.close());
if (node.kind === 'vehicleProvince') marker.on('click', () => map.setZoomAndCenter(7.4, node.lnglat));
if (node.kind === 'vehicleCity') marker.on('click', () => map.setZoomAndCenter(9.8, node.lnglat));
if (node.kind === 'vehicleDistrict') marker.on('click', () => map.setZoomAndCenter(12.2, node.lnglat));
if (node.kind === 'stationProvince' || node.kind === 'stationCluster') marker.on('click', () => map.setZoomAndCenter(7.2, node.lnglat));
if (node.kind === 'stationCity') marker.on('click', () => map.setZoomAndCenter(11.2, node.lnglat));
if (node.kind === 'vehiclePoint' || node.kind === 'station') marker.on('click', () => showNodeDetails(node));
marker.setMap(map); markerList.push(marker);
}
}
function renderRankingList(type) {
const box = document.getElementById('rankingListBox');
if (!box || !dashboard) return;
box.innerHTML = '';
let rows;
if (currentMode === 'vehicle') {
if (normalizeSearch(filterState.query)) {
rows = filteredVehicles()
.sort((left, right) => Number(vehicleActiveToday(right)) - Number(vehicleActiveToday(left)) || String(left.plateNumber || left.vin).localeCompare(String(right.plateNumber || right.vin), 'zh-CN'))
.map(vehicle => {
const hasLocation = vehicle.locationAvailable && Number.isFinite(Number(vehicle.longitude)) && Number.isFinite(Number(vehicle.latitude));
const location = hasLocation ? wgs84ToGcj02(Number(vehicle.longitude), Number(vehicle.latitude)) : null;
return {
name: vehicle.plateNumber || vehicle.vin,
value: userLocation && location ? `${formatNumber(distanceKm(userLocation, location), 1)} km` : vehicleStatusLabel(vehicle),
location, zoom: 14, entity: vehicle, mode: 'vehicle'
};
});
} else {
rows = buildVehicleRegionNodes().nodes
.sort((a, b) => userLocation && a.kind === 'vehiclePoint'
? distanceKm(userLocation, a.lnglat) - distanceKm(userLocation, b.lnglat)
: type === 'secondary' ? b.dist - a.dist : b.count - a.count)
.slice(0, 100)
.map(item => ({
name: item.name,
value: userLocation && item.kind === 'vehiclePoint' ? `${formatNumber(distanceKm(userLocation, item.lnglat), 1)} km`
: type === 'secondary' ? `${formatNumber(item.dist, 1)} km` : item.kind === 'vehiclePoint' ? `${formatNumber(item.speedKmh, 1)} km/h` : countLabel(item.count, 'vehicle'),
location: item.lnglat,
zoom: item.kind === 'vehicleProvince' ? 7.4 : item.kind === 'vehicleCity' ? 9.8 : item.kind === 'vehicleDistrict' ? 12.2 : 14,
node: item, entity: item.kind === 'vehiclePoint' ? item.vehicle || item.vehicles?.[0] : null, mode: 'vehicle'
}));
}
} else {
const { level, allNodes, visibleNodes } = stationViewportSummary();
const byHydrogen = type === 'secondary';
rows = [...visibleNodes]
.filter(node => !byHydrogen || node.hasHydrogen)
.sort((a, b) => userLocation && level === 'station'
? distanceKm(userLocation, a.lnglat) - distanceKm(userLocation, b.lnglat)
: byHydrogen ? b.hydrogenKg - a.hydrogenKg : b.count - a.count || a.name.localeCompare(b.name, 'zh-CN'))
.map(node => ({
name: node.name,
value: userLocation && level === 'station' ? `${formatNumber(distanceKm(userLocation, node.lnglat), 1)} km`
: byHydrogen ? `${formatNumber(node.hydrogenKg, 1)} kg` : countLabel(node.count, 'station'),
location: node.lnglat,
zoom: level === 'province' ? 7.2 : level === 'city' ? 11.2 : 14,
node, entity: node.kind === 'station' ? node.station : null, mode: 'station'
}));
updateStationViewportMeta(visibleNodes.length, allNodes.length);
if (!rows.length) {
const message = byHydrogen && visibleNodes.length ? i18n[currentLang].rankNoHydrogenData : i18n[currentLang].stationViewportEmpty;
box.innerHTML = `