Want to bring in the existing 3D Buildings or geospatial vector data from the map to inform your design? This is the guide for you!

Quick Links

Usages

Visual Properties

Mapbox Documentation

• Guide Contents

Query Data

Right click on any map feature and mouse over it from the pop up list. You can review any data attached to that shape in the left-hand tool palette.

Quickly Create Context

Use this technique to quickly add context to your projects.

Roads

Create lines based on roads from the map, then apply the Roads usage.

Buildings

Create building outlines from the map, then apply community and residential usages

Parcel Outlines

Add parcel outlines from the map

Other Map Data

Plan for historic flood extents by adding the outlines from the map

Create Geometry

Right click on a map feature, then click “Create”

Complicated or overlapping map features can be merged for better performance.

Follow the steps above. With the first section still selected, right click on an adjacent piece of geometry. You will now have the option to “Merge.”

Apply a Usage

After geometry exists on the map:

Select existing geometry on the map. (Shift + click to select multiple features at the same time)

Select a Usage from the list in the left-hand properties palette.

Suggested Usages:

If you want to exclude geometry from calculations, use the “Context” usage.

if you want to include it in calculations, use any appropriate usage that describes the type of feature (IE Residential for an apartment tower, or Industrial for an agricultural building)

Adjust Properties

Click ‘Add new Property” in the properties palette or the Usages editor.

Geometric features also inherit the following properties depending on the Usage type:

2D Map

Features can be controlled with these properties.

<aside> 💡 Some properties only work for features that are rendered in the SVG overlay. Features can be moved to the SVG overlay by setting the property svg to true.

</aside>

Fill

• color defaults to: 'grey'. Same property sets color of 3D building.
• fillOpacity defaults to: 1
• fillPattern can be set to hatch, for black hatching
• hatch can be set to true (SVG only) and controlled with the following properties:
  • hatchSpacing defaults to 6px
  • hatchStrokeWidth defaults to 1px
  • hatchColor defaults to black
  • hatchAngle defaults to 45degrees

Stroke

• stroke defaults to: 'black'
• strokeWidth defaults to: 1
• strokeOpacity defaults to: 1
• strokeOffset defaults to: half of strokeWidth
• strokeLinecap defaults to: 'round' (SVG only)
• strokeLinejoin defaults to: 'round'
• strokeDasharray defaults to: 0 (SVG only)
• strokeDashoffset defaults to: 0 (SVG only)

Lines

• arrowStart / arrowEnd default to false
  • arrowStartYawn / arrowEndYawn defaults to 30 degrees
  • arrowStartLength / arrowEndLength defaults to 7 meters

Roads / Paths

• type is set to road
• roadWidth defaults to 6m.
• pavementWidth defaults to 1m
• pavementColor divides road networks into groups
• roadColor is a random selection of any section with a roadColor property in the group. Strongly recommended that this should only be set in featureCategories.<category>.<selection>.join rather than on a section.

Points

• radius defaults to: 7

3D Map