JUST-Studio: A Platform for Spatio-Temporal Data Map Designing and Application Building

HANDBOOK

1. DEMONSTRATION (Video for Designing a Rout Planning Application )

2. Standard Steps for Application Designing（Take geofencing for an example）

Service Manager

Register Data Source

1. Register a shpfile data source to upload Road Network（simplify RN later） data.

    

   • Select Shpfile data source type, select local RN shpfile, set file encoder

      

     

      

   • Validate file, uploading to server

      

     

2. Register a Kafka data source to receive vehicle's real-time GPS points.

   • Select Kafka data source type, set Kafka server and topic

     

   • Validate the Kafka data source, then map the fields

     

Create Data Model

1. Create Road Network model

   

2. Create Trajectory data model

   

ST Application Designer

Map Desining

1. Select a template, entering designing workbench.

   

2. Add trajectory layer.

   

3. Set trajectory properties

   

4. Save and Publish.

   

Application Designing

1. Choose the map we designed, entering application design workbench.

   

2. Design the application

   • Add a Geofencing Control, then set the size and location, Associate a Geofence model, Preview.

     

Share and Use

Save and share

Use by web page

visit the url we published

Use by JUST-SDK

1. Insall sdk

   

    

2. Initialize application we designed

    

xxxxxxxxxx
import React, { useRef, useEffect } from 'react';
import { JustMap, JustSource } from '@jd/just-map';
import scene from '../test/test-portal.json'

function App() {
  const mapContainerRef = useRef();
  const mapRef = useRef();
  useEffect(() => {
    mapRef.current = new JustMap({
      style: scene,
      mapboxOptions:{
        container: mapContainerRef.current,
      }
    })
  }, [])
  return (<div
    id="map-container"
    ref={mapContainerRef}
    style={{height: '500px'}}
    >
  </div>)
}

export default App;