GeeCON Prague 2016 - Geospatial Graphs made easy with OrientDB

GeoSpatial Graphs
made easy with
Luigi Dell’Aquila
Prague, 20-21 October 2016

Luigi Dell’Aquila
Core Developer and Director of Consulting
OrientDB LTD
Twitter: @ldellaquila
http://www.orientdb.com

Luigi Dell’Aquila @ldellaquila Prague, 20-21 October 2016
Our goal

Summary
•What is OrientDB
•OrientDB GeoSpatial API
•Importing Geo data (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

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…

Our Data Model
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!
> npm init
> npm install orientjs
> npm install fast-csv
> touch index.js
import files
http://www.mapcruzin.com/free-czech-republic-maps.htm
(convert to WKT using QGis)

Dependencies
var fs = require("fs") 
var ODatabase = require("orientjs").ODatabase 
var csv = require("fast-csv")

Read from CSV
var stream = fs.createReadStream("data/poland-poi.csv"); 
 
var csvStream = csv.parse({headers: true}) 
.on("data", function(data){ 
console.log(data) 
}) 
.on("end", function(){ 
console.log("Done!") 
}); 
 
stream.pipe(csvStream);

DB connection
var db = new ODatabase({ 
host: "localhost", 
port: 2424, 
username: "admin", 
password: "admin", 
name: "geo" 
})
db.open().then(function(){ 
}

Insert
var insertElement = function(data){ 
db.insert().into(className).set( 
{ 
name: data.name, 
type: data.type, 
location: db.rawExpression("ST_GeomFromText('"+data.WKT+"')") 
} 
).one().then(function(){}) 
}

Is it done?
Not yet :-(
Node.js… asynchronous… promises…
Final version:
https://github.com/luigidellaquila/wkt-to-orient

Querying geo data
We are here:
(50.10902, 14.5831653)
(lat, lon)

Clone the scaffolding
> git clone https://github.com/luigidellaquila/geospatial-demo
> git checkout warsaw_demo_step0
> 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
> git checkout warsaw_demo_step0
> 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(52.231807953759706, 21.013154983520508), 
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)

GeeCON Prague 2016 - Geospatial Graphs made easy with OrientDB

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (11)

Similaire à GeeCON Prague 2016 - Geospatial Graphs made easy with OrientDB

Similaire à GeeCON Prague 2016 - Geospatial Graphs made easy with OrientDB (20)

Plus de Luigi Dell'Aquila

Plus de Luigi Dell'Aquila (8)

Dernier

Dernier (20)

GeeCON Prague 2016 - Geospatial Graphs made easy with OrientDB