2 views collected around this technical thread.
This tutorial explains how to use the AMap (Gaode) Map API in PHP to create a map instance, configure its container, size, initial zoom level, add controls, and display the map, providing complete code examples for each step.
This guide details how to build an immersive VR house‑tour web app using Vue.js, Photo Sphere Viewer for 360° panoramas, and AMap API for custom and mass map markers, covering project setup, integration steps, and code examples.
This article provides a step‑by‑step guide for implementing map zoom functionality in web applications using the AMap (Gaode) API with PHP, covering API key acquisition, library inclusion, map instance creation, container setup, zoom level configuration, control addition, and final display with complete code examples.
This article presents a complete front‑end solution for hand‑drawing cycling routes on AMap, applying road‑matching correction, exporting to GPX, adding waypoint‑based route planning, and enhancing map animations with custom setCenter and setFitView functions, all illustrated with full source code.
This article presents a comprehensive guide to building a digital agriculture visualization dashboard using AMap JSAPI, three.js, GIS tools, and Vue, covering requirement analysis, layer design, data processing, 3D model integration, animation, and interactive features for smart farming applications.
This tutorial demonstrates how to combine Gaode (AMap) 3D maps with Three.js to render interactive effects such as flying lines, animated boundaries, rising peaks, floating pyramids, and custom text markers, using custom coordinate conversion, WebGL layers, shaders, and CSS2D rendering for a compelling web‑based geographic visualization.
This article describes a personal project that automates the calculation of commuting distances and times between multiple residential areas and two workplace locations by leveraging the AMap API within a Vue‑based frontend, generating Excel reports and visual charts for easy comparison.
This article demonstrates how to build a web page that leverages AMap's Arrival Range API and Turf.js to calculate reachable areas, compute their intersection, and search for residential communities within the overlap, providing a practical GIS solution for locating optimal rental locations.
This article shares a front‑end developer’s experience of rebuilding a map‑based feature using Vue3 and Gaode (AMap) APIs, covering business requirements, point‑drawing techniques, trajectory rendering, performance‑aware loading strategies, and practical code snippets for custom markers and lines.
This tutorial explains how to integrate AMap's vector layer functionality into a PHP web project by setting up the API, creating a map container, initializing the map, and adding point, line, and polygon layers for rich geographic visualizations.
Gaode solved the WebGL‑context limit in AMap by rendering all visual layers on a single canvas with a shared context, disabling autoClear, preserving depth ordering, and using per‑layer EffectComposers merged via a final composer, enabling multiple scenes and post‑processing without exceeding browser limits.
This tutorial demonstrates how to use Redis' GEO data structure together with Docker, RedisInsight, and a NestJS backend to store location data, perform distance calculations and radius searches, and finally display nearby points on a web map using AMap and Axios.
The article walks through building an automatic cruise navigation effect on AMap with Three.js by acquiring route data, merging GeoJSON paths, loading a 3D vehicle model, animating its movement and camera follow using TWEEN, and blending the NPC layer with satellite and 3DTiles layers for a smooth autonomous navigation experience.
This article details Amap's practical experience with Learning to Rank for search suggestions, covering application scenarios, data pipeline construction, feature engineering, model training, loss‑function adjustments, and the resulting performance improvements, while also discussing challenges such as sparse features and click bias.
Wuhan University and Amap clinched first place in IPIN 2021’s Smartphone‑Based Indoor Positioning track by fusing machine‑learning‑driven pedestrian dead‑reckoning with magnetic, Bluetooth and Wi‑Fi matching, achieving real‑time, high‑frequency indoor navigation using only a phone’s built‑in sensors.
This guide explains how to integrate the free AMap (Gaode) Map SDK for HarmonyOS, covering migration from Android, environment setup, signing, obtaining an appId and API key, adding the .har library, configuring permissions, initializing a MapView in an Ability, and accessing full map features such as rendering, search, routing, and custom overlays.
The Amap Lowcode platform combines a visual JSON‑based builder, serverless functions, and AI‑driven design‑to‑code tools to let both developers and product staff rapidly create, deploy, and iterate recommendation cards across native and H5 clients, leveraging the existing gateway for stable, low‑cost delivery.
Amap’s visual‑technology pipeline automatically generates and updates POI names by crowdsourcing street‑level images, applying deep‑learning scene‑text recognition, dual‑branch classification of text attributes, and a BERT‑plus‑graph‑attention model that selects and orders recognized text, achieving about 95 % naming accuracy.
The AMap GIS SDK was engineered to simplify large‑scale smart‑traffic map visualizations by providing a reusable, extensible framework—featuring a MapContainer, configuration controller, source loader, framework adaptation layer, event‑queue mechanism, lifecycle hooks, plugins, instance caching, and multi‑instance isolation—to overcome AMap JSAPI’s development complexity and ensure stable, performant rendering across diverse data sets.
Amap uses advanced scene text recognition combining detection and recognition modules, deep learning, data synthesis, and result fusion to automate map data production, achieving state-of-the-art performance and automating the majority of POI and road updates, significantly reducing labor costs.