Product

Revealing New Landscapes with Area Mapping
exping·Apr 12, 2024·12 min read

Web 0.6 introduces a new feature - Area.

In the past, map creation was primarily limited to marking locations and routes. Creators often only able to express their ideas through points and lines. However, the introduction of the Area feature grants creators greater creative freedom. Creators can now draw various shapes and sizes of areas on the map in a more intuitive and flexible manner.


Area Feature

  • Freely draw closed areas of any shape

  • Instant calculation of area size

  • Support for displaying area names and size information on the map

  • Customization of area colors and styles

  • Web browsing of maps supports displaying area-related content

How to Mark an Area?

  1. Go to the map editing page on exping web, click the "Area" icon at the bottom

  2. Click to mark the first point (starting point)

  3. Move the mouse to generate a dynamic straight line from the starting point, then click to mark the second point and connect it to the starting point

  4. Continue moving the mouse to preview the area shape among the starting point, second point, and mouse position, allowing you to clearly see the shape of the area to be outlined

  5. Repeat the process to mark multiple points, then choose a method to complete the area:

    • Press the "Enter" to connect the last added point to the starting point, forming a closed area
    • Double-click on a position on the map to add a new point and connect it to the starting point, forming a closed area
    • Click on the starting point to form a closed area
  6. To cancel the ongoing area marking, you can press "Esc" or click on the area again to cancel

Area.gif

How to Edit an Area?

Click on the selected area to continue editing.

Moving Area

When an area is selected, you can hold down the left mouse button and drag the area to a new position.

Adjusting Shape

While in the selected state, you can hold down the left mouse button and drag the points at the edges of the area to adjust its shape.

Adding Points

After double-clicking to select the area, a small point will appear in the middle of each edge. Select and click on the point to add a new point. By holding and moving the point, the area will reshape accordingly.

Deleting a Point

Press"Delete" to delete a point. After deleting a point, the shape of the area will adjust accordingly.

Area2.gif

Area Panel

  1. Enter or modify area name

  2. Click to display the area name on the map

  3. Click to display area size information on the map

  4. Move the area to selected Group

  5. Copy the area to selected Group

  6. Switch area color

  7. Delete the area

区域标记2 (1).jpg

Use Cases of Area Feature

Resort Guide Map
The area function delineates various zones within the resort, providing visitors with a clearer and more intuitive understanding of the recreational areas, enhancing their overall experience.

截屏2024-04-12 15.30.37.png

Risk Map
Differentiating crime rates with varying shades of color on the map aids in planning safe travel routes, steering clear of high-risk areas.

截屏2024-04-12 15.34.17.png

Property Map
Display the specific locations and surrounding environments of properties, making it easier for people to choose suitable accommodation options.

截屏2024-04-12 15.48.25.png

Birdwatching Map

Marking birdwatching areas on the map enables enthusiasts to easily locate spots suited to their birdwatching preferences, fostering a richer and more enjoyable birdwatching experience. Additionally, inviting friends to contribute more birdwatching areas enhances the map collaboratively, creating a diverse and engaging birdwatching map.

截屏2024-04-12 16.06.11.png

Alongside the launch of Area feature, exping Web now offers map sharing styles and supports route color switching and map styles, allowing for more personalized and visually appealing maps. Furthermore, creators can select multiple locations, batch them into groups, and add new routes efficiently, streamlining map creation processes.

Let's explore 👉exping.world now!


Share