fengjun/ag-index
1
0
Fork 0
Code Activity

Refactor and enhance various HTML pages with updated links, improved styles, and optimized JavaScript functionality

Browse Source 
- Updated badge styles in culture.html for better visual consistency and added backdrop-filter support.
- Introduced a fallback panel for the map in index.html with enhanced styles and responsive design.
- Changed links in product_ecommerce_freight_booking.html, product_full_logistics_chain_cargo_agent.html, product_full_logistics_chain_platform.html, product_full_logistics_chain_ship_agent.html, product_port_cdi_container.html, product_shipping_boat.html, product_shipping_company.html to point to new URLs with query parameters.
- Improved scroll reveal functionality in solution_inland_river_shipping.html, solution_logistics_chain.html, solution_port_supply_chain.html, and solution_supply_chain.html by replacing forEach with a traditional for loop for better performance.
This commit is contained in:
fengjun
2026-04-20 15:59:09 +08:00
parent 8200b1f948
commit 9938e484bd
31 changed files with 1438 additions and 1964 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/js/map3d.js
View File

@@ -74,6 +74,8 @@ async function initMap3D(geoDataPromise = null, threeJSPromise = null) {
const labelRenderer = new CSS2DRenderer();
labelRenderer.domElement.style.position = "absolute";
labelRenderer.domElement.style.top = "0px";
labelRenderer.domElement.style.left = "0px";
labelRenderer.domElement.style.zIndex = "3";
labelRenderer.domElement.style.pointerEvents = "none";
labelRenderer.setSize(container.clientWidth, container.clientHeight);
container.appendChild(labelRenderer.domElement);
@@ -81,6 +83,8 @@ async function initMap3D(geoDataPromise = null, threeJSPromise = null) {
const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
renderer.setSize(container.clientWidth, container.clientHeight);
renderer.setPixelRatio(window.devicePixelRatio || 1);
renderer.domElement.style.position = "relative";
renderer.domElement.style.zIndex = "2";
container.appendChild(renderer.domElement);
const controls = new OrbitControls(camera, renderer.domElement);
@@ -95,6 +99,7 @@ async function initMap3D(geoDataPromise = null, threeJSPromise = null) {
const tooltip = document.createElement("div");
tooltip.style.cssText = "position:absolute;padding:6px 10px;background:rgba(24,118,242,0.92);color:#fff;font-size:13px;border-radius:6px;pointer-events:none;box-shadow:0 2px 6px rgba(0,0,0,0.25);display:none;";
tooltip.style.zIndex = "4";
container.appendChild(tooltip);
const animate = () => {
@@ -372,6 +377,7 @@ async function initMap3D(geoDataPromise = null, threeJSPromise = null) {
const map = createMap(data, 0.05);
map.add(createPulseRings(data, 0.05));
scene.add(map);
container.classList.add("map-enhanced-ready");
} catch (err) {
console.error("Failed to load map data:", err);
}