Drawpoint Knowledge Base

That blast came from the Death Star! That thing's operational! Home One, this is Gold Leader. We saw it. All craft prepare to retreat.

General

What is Drawpoint?

Drawpoint is an interactive map and image builder. Every Drawpoint map has 2 key elements:

  1. The Base Map
    This is either a Google Maps-style map or an image.
  2. Map Features
    Features are shapes, markers, lines and text that can be added on top of a map in order to provide map viewers with additional context or information. Adding map features allows you to bring interactivity to your map since each map feature can be hoverable or clickable in order to trigger popups or modals.

What is the cost of Drawpoint?

To see the latest pricing of Drawpoint please visit our pricing page.

How do you create a map or image?

To create an interactive map or image, first determine what kind of interactive map you wish to create.

Once you are ready to create your map visit the dashboard, maps or image page. If you would like to create a Google-maps style map then click “Create new map” . If you intend to start from your own image, then click “Create new image”.

Editing

To add a map feature click the feature button you wish to add at the top of the map. Then, click into the map to add that feature.

If you are adding a marker to a map you can add a “New Marker from address” to precisely place the marker.

How do you edit a map feature?

There are 2 ways to edit or delete a map feature.

From the Features panel

  1. In the sidebar click “Features”
  2. Identify the feature you wish to edit.
  3. Click the three-dot menu next to the feature. Select Edit.

From the Map canvas

  1. Select an element in the map canvas.
  2. Select the Edit button.

How do you edit a map feature?

Just like editing a map feature there are 2 ways to delete a map feature.

From the Features panel

  1. In the sidebar click “Features”
  2. Identify the feature you wish to edit.
  3. Click the three-dot menu next to the feature. Select Delete.

From the Map canvas

  1. Select an element in the map canvas.
  2. Select the Delete button.

Map and Image Settings

The map's settings are shown in the sidebar of the map builder. There are four sections of the settings which control the appearance of your map. General, Style, Features and Panel.

General

Table - 3 Column Wide
Property
Type
in Millions
Description
per Sq KM
Name
Input
Name of the map
Public
Checkbox
This map is available to the public. If unchecked your map will not be viewable in the viewer or as an embedded map.
Enable Full Screen
Checkbox
Check this box if you would like to allow users to view your image in full screen mode. This is quite useful if your map is going to be viewed on mobile devices.
Pan Enabled
Checkbox
Users are able to click and drag to move the map around.
Zoom Enabled
Checkbox
Users can zoom either by using the control panel, scrolling, or double-clicking.
Minimum Zoom
Dropdown
Larger zoom means closer view, default: 0
Maximum Zoom
Dropdown
Larger zoom means closer view, default: 10
🗺️ Maps Only
Map starting location
Dropdown
By default the map will show all features on first load, however you can modify these settings by specifying the starting location on a specific marker, shape or line.
Rotation Enabled
Checkbox
Users can rotate the map either by right-click and drag or by two-finger rotate, for example on mobile.
🖼️ Image Only
Background Image
Upload
The Image your map is based on. Upload an image. File types supported are: .jpg, .png and .svg.
Background Image alt text
Input
The alt-text helps users with screen readers and search engines understand the contents of the map.
Background Image fit
Dropdown
Select how the background image will appear in the browser window. The dropdown options are:
Contain: The whole of the image will be contained within the window. This may mean some plain background is visible. (Most common)
Cover: The whole of the background will be covered by the image. This may mean some of the image is not visible.
Fit: The whole of the window will be filled by the whole of the image. This may mean the image will stretch to the boarders of the canvas.
Manual: You set the min/max zoom to determine how the image will look. The image may appear differently on different devices.

Features

This area shows all of the map features of your map grouped by feature type (Text, Markers, Shapes, Lines). Each feature can be edited or deleted by clicking the three-dot menu.

Icons next to each map feature will indicate if the feature contains a popup, Youtube video or Call to action (CTA).

US FTA Status
Icon
Description
The map feature contains a popup.
The map feature contains a Call-to-Action (CTA) Button
The map feature contains a YouTube video.

Styles

From the Styles settings you can control for the following style settings:

  • Map Styles
  • Marker Styles
  • Marker Color
  • Marker Icon color
  • Shape Styles
  • Shape fill Color
  • Shape Fill opacity
  • Line Styles
  • Line Stroke Color
  • Line Width

Map Style

There are two  ways to customize the appearance of your map. In the dropdown “Map style type” the option Preset will allow you to select one of the following options:

US FTA Status
Icon
Description
Streets
Outdoors
Light
Dark
Satellite
Satellite Streets

Select “Custom” from the “Map Style Type” dropdown to hide/show or modify the color of different map parts.

  • Labels
  • Roads
  • Buildings
  • Parks
  • Water
  • Background

Panel

The Panel functions like a map legend, where map features are listed to easily identify them on the map or image.

Enable Directory Panel

This panel will show a clickable list of all features on the map.

Click to Show Details

When enabled, clicking on a feature in the panel will show the details for that feature.

Map Features

Map Features can be added to a map or image to provide visual guides, reference points and interactivity to your map.

Text

Add Text to bring context to your map or image.

Marker

Markers are a great way to communicate the location of something on your map. or to call out an area of the map and image by using the marker pulse.

Shape

Create a polygon through a point-and-click style shape maker. Shapes are a great way to highlight areas of your map.

Line

Create a line or series of lines on your map or image.

How do you add Interactivity to a map?

When you add a map feature, there will be a checkbox option on the feature called, “Interactive?” Checking this box will make this feature interactive on click or hover.

There are 3 types of interaction states:

1. Popup

A popup that displays directly on the map, above the feature you click on.

2. Sidebar

A full-height sidebar that slides out with space for more information

3. YouTube Video

A full-screen YouTube video

Sharing

How can I share my map?

There are two primary ways you can share a Drawpoint map.

  1. Embedded Map - An embedded map is an iFrame that you can add to a website. If your website builder platform allows an HTML block to be added to your site, you can easily add a Drawpoint Map.
  2. Viewer Link - Every published map has a Drawpoint-hosted URL. This URL can be copied and shared with anyone that has internet access. Drawpoint does not currently support offline maps.

To see the embed code or the preview link please follow these steps:

  1. Identify the map you would like to share.
  2. Edit the image or map.
  3. Click Share to reveal the embed code and preview.

How are views counted?

Views are counted in 2 ways.

  1. Any user of a Drawpoint viewer. That is, if a person visits a viewer.drawpoint.io domain. (Example: if you look at your map on viewer.drawpoint.io, copy the URL, share it with a teammate and they view your map, this will count as 2 views – one view from your own traffic, and the other from your team mate.)
  2. Any time a map is rendered in an iframe when embedded on a website.

Analytics

⚠️ Analytics is currently In Beta

What kind of analytics do you provide for maps?

You can view the total number of views for each map in the analytics. See the total number of views broken down by day or month to get an idea of the consumption of the map.

How do I update my email address?

To update your email address, please reach out to us via chat.

Can you provide a copy of my Invoice(s)?

To see a copy of your invoice, please reach out to us via chat.

Do you provide refunds?

We can only provide refunds for amounts billed to your account from the most recent invoice.

Can I delete my account?

Yes, you can delete you account by visiting the account settings and selecting “Delete Account”.