Note: To import map data from a GeoJSON file, you must be logged in to a Pro account. To learn how to upgrade, visit this link: How to upgrade to a Pro account

Import map data from a GeoJSON file

• Introduction
   
• Step 1

  Option 1

  Copy-and-paste the GeoJSON data

   

  Option 2
  

  Import the GeoJSON file from your computer

• Step 2 - (Optional)
  

  Option 1

  Use the category list to select a marker style

   

  Option 2
  

  Use the search box to select a marker style

• Step 3 - (Optional)
  
  Select the colors for shapes and lines
   
• Step 4
  
  Import the data and view the results

Introduction

Description and example of a GeoJSON file

GeoJSON is a file format for displaying geospatial data in online maps.

A GeoJSON file contains annotated geographic data in a JSON-based format.

During the import procedure, you can select the:

• Styles for markers.
• Colors for lines and shapes (polygons, etc.)

 

An example use for a GeoJSON file is: you can transfer the data for marker locations from ArcGIS (Esri) into Scribble Maps.

Step 1 

(Option 1) Copy-and-paste the GeoJSON data

1. Log in to your Scribble Maps account at:
   https://www.scribblemaps.com/create 
   (Optional) To learn how to log in, visit this link:
   How to login/register
    
2. At the top of the Layers Panel, click the "JSON" Icon displaying the tooltip: "Import GeoJSON".
   You will see the window titled: "IMPORT GEOJSON".
    
3. On your computer, open the GeoJSON file by using text editor software. For example:
   • Notepad on Windows systems.
   • TextEdit on Mac systems.
    
4. Copy the GeoJSON data. For example:
   {"features":[{"geometry":{"coordinates":[-74.0445004,40.6892494],"type":"Point"},"properties":{"name":"Statue of Liberty","description":"National Monument"},"type":"Feature","id":"ec7c4ad5e8"},{"geometry":{"coordinates":[[[-86.982483486,40.6892494],[-86.982483486,38.660700385],[-74.0445004,38.660700385],[-74.0445004,40.6892494],[-86.982483486,40.6892494]]],"type":"Polygon"},"properties":{},"type":"Feature","id":"1678bf3e55"},{"geometry":{"coordinates":[[-88.159976318,33.989561619],[-84.073062255,37.344575745]],"type":"LineString"},"properties":{},"type":"Feature","id":"4ea5e4cfdb"}],"type":"FeatureCollection","id":"root"}

   Copy by triple-clicking to highlight the above block of text. Then use your keyboard to press:

   • Ctrl + C (for Windows).
   • Command + C (for Macs).

    

    
5. Paste the text in the "IMPORT GEOJSON" window.

   Paste by clicking on the text field. Then use your keyboard to press:

   • Ctrl + V (for Windows).
   • Command + V (for Macs).

    

(Option 2) Import the GeoJSON file from your computer

Note: If you need a sample GeoJSON file, visit this link: Export map data to a GeoJSON file - "Menu > Save GeoJSON"

1. Log in to your Scribble Maps account at:
   https://www.scribblemaps.com/create 
   (Optional) To learn how to log in, visit this link:
   How to login/register
    
2. At the top of the Layers Panel, click the "JSON" Icon displaying the tooltip: "Import GeoJSON".
   You will see the window titled: "IMPORT GEOJSON".
    
3. Under the text field, click the button: "Load From File".
    
4. On your computer, find the GeoJSON file. Click to select the file. Then click the "Open" button.
   In the text field, you will see the imported data.

Step 2 - (Optional)

(Option 1) Use the category list to select a marker style

1. In the "IMPORT GEOJSON" window, click the Marker Icon located under the text field.
   The marker selector window will appear.
    
2. In the left menu pane, click on the folder/sub-folders, then a category.
    
   For this example, we’ll choose; Tabs > Numeric Tabs > Blue.
   In the right pane, you will see the list of marker styles.
    
3. Click on a marker style to select it. For this example, we’ll select: "1".
   In the "IMPORT GEOJSON" window, you will see the new marker style has replaced the previous style.

(Option 2) Use the search box to select a marker style

1. In the "IMPORT GEOJSON" window, click the Marker Icon located under the text field.
   The marker selector window will appear.
    
2. In the bottom-left corner of the marker selector window, you will see a search box displaying the message: "Search All Markers..."
    
3. Type in a keyword for the marker styles you want to find. For example; "car".
   You will see the marker styles that include the keyword "car" in the name.
    
4. Click on a marker style to select it. For this example, we'll select the: blue "car_-_coupe_1.png".
   In the "IMPORT GEOJSON" window, you will see the new marker style has replaced the previous style.

Step 3 - (Optional)

Select the colors for shapes and lines

1. In the "IMPORT GEOJSON" window, choose the color for the fill areas of the shapes (polygons, etc.)

   To choose the color:

   1. Select the Fill Color Picker.
      The Fill Color Picker is the Bucket Icon displaying the tooltip: "Polygon fill color".
       
   2. There are 2 options for this step:
      Option 1
      Type the Hex Color Code into the field.
       
      Option 2
      1. Click on the "White+Color" field to choose how much white is mixed with color.
          
      2. (Optional) Click on the Shade Bar to choose how much gray or black is mixed with the "White+Color".
         (TIP) If the Shade Bar is set to black, click upwards on the bar to change the color.
          
   3. (Optional) In the "Opacity" field, type in the non-transparency percentage of the final color.
      The opacity value:
      • 0% is invisible.
      • 50% is see-through.
      • 100% is the solid color.

   Note: You can save colors to use later. To learn how, visit this link: Save a color swatch, then apply it to a new line, shape, or label

    
2. Choose the color for the borders of the shapes (polygons, etc.)
   The Border Color Picker is the Pencil Icon displaying the tooltip: "Line/border color".

   The same color will be also be used for lines and borders.

Step 4

Import the data and view the results

1. At the bottom of the "IMPORT GEOJSON" window, click the button: "IMPORT GEOJSON".
   You will see the message: "GeoJSON imported".
    
2. Click "Ok".
    
3. In the top-right corner of the "IMPORT GEOJSON" window, click the "X" button.
    
4. In the Layers Panel, you will see the imported overlays are listed.
    
   In Map View, you will see the imported overlays.

See also

Import spreadsheet data to produce markers on a map - (MS Excel/Google Sheets/etc.)

Import a KML file - "Menu > Import KML"

Import map data from Google My Maps