The traditional "one world map + a few thumbtacks" design is outdated. In the SX-Creval system, we've built in a 3D interactive digital globe powered by a top-tier WebGL rendering engine.
When overseas buyers visit your website, they can freely hover their mouse over the globe. Even more impressively, when they click on the continent tab on the left, the globe automatically rotates and focuses on that region, and the dots on that region emit a futuristic "breathing halo effect." This instantly elevates your company's multinational corporation image.
1. Enter your global network (Setting up your Network)
You don't need any geocoding knowledge; just enter your global layout as if filling out a form:
Step 1: Create Sales Regions
In the "Add Sales Region" section, create categories by continent or region, such as: North America and Europe.
- You can fill in a brief 【Regional Description】 for each region, such as: “Our main markets have distribution centers in many parts of Europe and America.”
Step 2: Add City Markers
Under the newly created region, click "Add City Location" and enter the specific cities in the region (e.g., New York, Frankfurt, Tokyo).
- 📍How to get latitude and longitude?: It's extremely simple. Open Google Maps, find the city on the map, right-click on the location, and the first line will show the latitude and longitude numbers (click to copy) . Enter "Latitude (Lat)" for the first line and "Longitude (Lng)" for the second line.
- Intelligent autofocus technology : You don't need to tell the Earth where the center point of a region is. The system will automatically calculate the "geographic center" of all points within that region in the background! When the customer clicks on that region, the Earth will automatically and accurately rotate to focus on that area.
2. Open the Accordion Details Mode 🌟
If you want to show not just "where we have customers," but also **"where we have physical branch offices or after-sales service points"**, we strongly recommend that you enable this feature!
- How to do it : Check the box for "Open Accordion Details Panel".
- Front-end effect : When a customer clicks on the left-hand region, the menu will expand downwards like an accordion, listing all the specific cities in that region.
- Advanced Branch Labels : You can add professional "Branch Type" labels to each city, and the system will automatically generate exquisite miniature nameplates.
- Headquarters
- Branch Office
- Warehouse / Logistics (Overseas Warehouse/Logistics Center)
- Service Center (After-sales Service Center)
- Contact information disclosure : You can also directly enter the local phone number or specific address of the branch here. This is a highly persuasive endorsement of trust for large overseas buyers seeking localized support.
3. 3D Earth Appearance and Environmental Color Grading (Globe Aesthetics)
To seamlessly integrate this 3D Earth into your website design, we provide a top-level WebGL parameter console:
- Switching between layout styles :
You can freely decide the layout of the globe and the left-side menu: cards on the left, buttons on the right, a left-center-right layout, or simply use it as a globe background. Data is fully interconnected; you can switch between different effects with a single click. - Dark/Light Mode :
- Enable Dark Mode (Recommended): Earth objects become dark, oceans become transparent, and light spots become exceptionally dazzling, creating a cyberpunk feel reminiscent of The Matrix. It pairs perfectly with a dark "cosmic background halo".
- Dark mode off : The Earth object turns bright white. Suitable for placement on clean white-background web pages, presenting a minimalist and transparent feel similar to Apple's official website.
- Earth Couture Palette :
If you want to achieve ultimate brand consistency, you can modify the color DNA of this digital planet using a color palette:- Earth's base color: determines the background color of the land.
- The color of the light source determines the color of the light source in your city. It is recommended to adjust it to your brand's main color (such as: tech blue or vibrant orange).
- Edge halo color: controls the soft light color of the "atmosphere" at the edge of the Earth.
💡 SX-Creval Global Marketing Pitfalls Avoidance Guide (Pro Tips)
- The principle of "less is more" :
If you're only selling to over 100 countries worldwide, don't just swarm around the Earth with over 100 bright spots! That would make the Earth look like it has measles, completely lacking in aesthetic appeal.
The correct approach is to only highlight 1-3 of the most core and representative cities from each continent (such as the location of your largest distributor or the city where you participate in exhibitions most frequently). The more restrained the use of light spots, the more sophisticated the breathing effect. - It can be used even without a branch office :
If you currently rely entirely on your China headquarters for exports and do not have overseas warehouses or branch offices, you can hide all your branch types and write in the regional description: "Exporting to 60+ countries with reliable shipping partners." This will also serve as an excellent demonstration of your strength.