Geospatial Graphs made easy with OrientDB - Codemotion Milan 2016

Geospatial Graphs Made Easy
With

Luigi Dell’Aquila @ldellaquila Milan - Nov 25-26 2016
Luigi Dell’Aquila
Core Developer and Director of Consulting
OrientDB LTD
Twitter: @ldellaquila
http://www.orientdb.com

Our goal

Summary
•What is OrientDB
•OrientDB GeoSpatial API
•Importing Geo data (Java and/or Node.js)
•Querying Geo data (OrientDB Studio)
•Displaying Geo data (Angular2, Google Maps)
•Adding Relationships - graph data
•Graph + Spatial queries

What is OrientDB
•Multi-Model Database (Document, Graph and more)
•Tables Classes
•Extended SQL
•JOIN Physical Pointers
•Schema, No-Schema, Hybrid
•HTTP + Binary protocols
•Stand-alone or Embedded
•Distributed Multi-Master
•Apache 2 license

Install
•http://www.orientdb.com/download/
•http://central.maven.org/maven2/com/
orientechnologies/orientdb-spatial/VERSION/
orientdb-spatial-VERSION-dist.jar
> cd orientdb-community/bin/
> ./server.sh

OrientDB GeoSpatial Classes
•OPoint
•OLine
•OPolygon
•OMultiPoint
•OMultiline
•OMultiPlygon

Data Model
•POI (V)
•Natural (V)
•Person (V)
•FriendOf (E)

OrientDB GeoSpatial Functions
•ST_GeomFromText(text)
•ST_Equals(geom, geom)
•ST_Contains(geom, geom)
•ST_Disjoint(geom, geom)
•ST_Intersects(geom, geom)
•ST_Distance_Sphere(geom, geom)
•and more…

Create the Schema
CREATE CLASS POI EXTENDS V
CREATE PROPERTY POI.location EMBEDDED OPoint
CREATE INDEX POI.location on POI(location) SPATIAL ENGINE LUCENE
CREATE CLASS Natural EXTENDS V
CREATE PROPERTY Natural.location EMBEDDED OPolygon
CREATE INDEX Natural.location on Natural(location) SPATIAL ENGINE LUCENE
CREATE CLASS Person EXTENDS V
CREATE PROPERTY Person.location EMBEDDED OPoint
CREATE CLASS FriendOf EXTENDS E

Our Data Source (WKT)
WKT,osm_id,name,type
"POINT (14.4641804 50.0972109)",24569342,"Invalidovna, Metro B",station
"POINT (14.4739792 50.1036789)",24569358,"Palmovka, Metro B",station
"POINT (14.4921863 50.1062907)",24569412,"Českomoravská, Metro B",station

Now let’s import data!
Let’s do it in Java
you can download some Geo files from
http://www.mapcruzin.com/free-italy-arcgis-maps-shapefiles.htm
and convert them to WKT using QGis (www.qgis.org)

Maven Dependencies
<dependency> 
<groupId>org.apache.commons</groupId> 
<artifactId>commons-csv</artifactId> 
<version>1.2</version> 
</dependency> 
 
<dependency> 
<groupId>com.orientechnologies</groupId> 
<artifactId>orientdb-graphdb</artifactId> 
<version>2.2.13</version> 
</dependency>

Read from CSV
Reader reader = new FileReader("/path/to/poi_file.csv"); 
CSVParser parser = CSVFormat.DEFAULT.parse(reader); 
Iterator<CSVRecord> iterator = parser.iterator(); 
iterator.next(); //discard the header
 
 
while(iterator.hasNext()){ //read each row 
importRecord(iterator.next());  
}

OrientDB connection
Reader reader = new FileReader("/path/to/poi_file.csv"); 
CSVParser parser = CSVFormat.DEFAULT.parse(reader); 
Iterator<CSVRecord> iterator = parser.iterator(); 
iterator.next(); //discard the header
 
OrientGraph graph =
new OrientGraph("remote:localhost/testdb", "admin", "admin"); 
while(iterator.hasNext()){ //read each row 
importRecord(iterator.next(), graph); 
}
 
graph.shutdown();

importRecord()
void importRecord(CSVRecord record, OrientGraph graph) { 
String wkt = record.get(0); 
String name = record.get(2); 
String type = record.get(3); 
 
graph.command(new OCommandSQL( 
"insert into Natural " + 
"set name = ?, type = ?, " + 
"location = ST_GeomFromText(?)")) 
.execute(name, type, wkt); 
}

Querying geo data
We are here:
(45.5031135, 9.1554415)
(lat, lon)

Front-End!

Clone the scaffolding
> git clone https://github.com/luigidellaquila/geospatial-demo
> cd geospatial-demo
> npm install
(it’s a clone of https://github.com/angular/quickstart)
> npm start

Clone the scaffolding
> git clone https://github.com/luigidellaquila/geospatial-demo
> cd geospatial-demo
> npm install
(it’s a clone of https://github.com/angular/quickstart)
> npm start
> cd <orientdb-home>/www
> ln -s <quickstart-path>
> tsc -w

We need Google Maps
<script src=“https://maps.googleapis.com/maps/api/js?key=API_KEY" 
async defer></script>

Let’s display a map (app.html)
<div class=“container"> 
<div class="row"> 
<div class="col-md-12" id="map" style=“height:600px"></div> 
</div> 
</div>

Draw the map
drawMap(){ 
var controller = this; 
let mapProp = { 
center: new google.maps.LatLng(40.399640, -3.8375544), 
zoom: 16, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
 
controller.map = new google.maps.Map(document.getElementById("map"), mapProp); 
controller.map.addListener("click", function(point: any){ 
controller.zone.run(()=> { 
controller.lat = point.latLng.lat(); 
controller.lon = point.latLng.lng(); 
}); 
}); 
}

Create a Person
createPerson(): void{ 
var location = { 
// the location object 
} 
 
var queryString = ””; // OrientDB statement 
 
this.orient.command(
queryString,
(result) => { /* Success callback */ },
(error) => { /* Error callback */ }
); 
}

Create a Person
var location = { 
"@class": "OPoint", 
coordinates: [this.lon, this.lat] 
} 
 
var queryString = ””; // OrientDB statement 
 
queryString,
);}

Create a Person
var location = { 
} 
 
var queryString = `insert into Person  
set name = '${this.personName}',  
location = ${JSON.stringify(location)}`; 
 
queryString,
); 
}

Create a Person
var location = { 
} 
 
var queryString = `insert into Person  
set name = '${this.personName}',  
location = ${JSON.stringify(location)}`; 
 
queryString,
(res) => { 
let body = res.json(); 
let person = body.result[0]; 
this.addPersonToMap(person) 
},
(e) => { console.log(e) }); 
}

Add Person Vertex to Orient via REST API
command(statement: string, success: (data: any) => void, error: (err: any) => void): void{ 
var url = this.url + "sql/-/-1"
 
var headers = new Headers(); 
headers.append("Authorization", "Basic " + btoa(this.username+":"+this.password)); 
 
this.http.post( // HTTP POST 
url, // the URL 
JSON.stringify({ 
"command": statement // the SQL command 
}), 
{headers: headers} // the authentication data 
).toPromise() 
.then(success) 
.catch(error); 
}

Add Person to the Map
addPersonToMap(personData:any){ 
let location = personData.location; 
let coordinates = location.coordinates; 
let controller = this; 
let marker = new google.maps.Marker({ 
position: {lat:coordinates[1], lng:coordinates[0]}, 
map: this.map, 
title: personData.name, 
rid: personData["@rid"] 
}); 
google.maps.event.addListener(marker, 'click', function() { 
controller.onMarkerClick(marker); 
}); 
}

Add an edge between people
(FriendOf)
createEdge(from:any, to:any): void{ 
this.orient.command( 
`create edge FriendOf from ${from.rid} to ${to.rid}`, 
(x)=>{console.log(x)}, 
(x)=>{console.log(x)} 
) 
this.addEdgeBetweenMarkersToMap(from, to); 
}

Query the
Geospatial Graph
(DEMO)

Thank you!

Geospatial Graphs made easy with OrientDB - Codemotion Milan 2016

More Related Content

What's hot (8)

Similar to Geospatial Graphs made easy with OrientDB - Codemotion Milan 2016 (20)

Recently uploaded (20)

Geospatial Graphs made easy with OrientDB - Codemotion Milan 2016