<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">And here comes another
little Christmas present by<span> </span><a
href="http://heigit.org/" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">HeiGIT</a>: <br>
</p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">In addition to our
highly appreciated<span> </span><a
href="https://github.com/GIScience/openrouteservice-py"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">python</a><span> </span>and<span> </span><a
href="https://github.com/GIScience/openrouteservice-r"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">R</a><span> </span>libraries we
now offer an additional<span> </span><strong style="padding: 0px;
margin: 0px;"><a
href="https://github.com/GIScience/openrouteservice-js"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">JavaScript API</a></strong><span> </span>making
the usage of the free<span> </span><strong style="padding: 0px;
margin: 0px;"><a href="http://openrouteservice.org/"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">openrouteservice</a></strong><span> </span>ecosystem
covering the entire globe based on OpenStreetMap in your web
applications terribly simple. <br>
</p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">From now on you will be
able to consume the following services based on free and open data
sources with a couple of lines of JS code:</p>
<ul style="padding: 0px 1em; margin: 0px 1em; list-style-image:
url("img/bullet.png"); color: rgb(51, 51, 51);
font-family: arial, verdana, tahoma, arial, sans-serif; font-size:
12.16px; font-style: normal; font-variant-ligatures: normal;
font-variant-caps: normal; font-weight: 400; letter-spacing:
normal; orphans: 2; text-align: left; text-indent: 0px;
text-transform: none; white-space: normal; widows: 2;
word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">directions for all different kinds of bicycle profiles,
pedestrian, wheelchair, car and heavy vehicle</li>
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">time-distance matrices</li>
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">geocoding and reverse geocoding</li>
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">isochrones for reachability applications</li>
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">points of interest</li>
<li style="padding: 0px; margin: 0px 0px 0.3em; line-height:
1.6em;">elevation information for points and or linestrings</li>
</ul>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">Here is a small example
for a route request, could it be simpler?</p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><code style="padding:
0px; margin: 0px;">const OrsDirections =
require("./OrsDirections");</code></p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><code style="padding:
0px; margin: 0px;">// add your api_key here<br style="padding:
0px; margin: 0px;">
const Directions = new OrsDirections({<br style="padding: 0px;
margin: 0px;">
api_key: "XY"<br style="padding: 0px; margin: 0px;">
});</code></p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><code style="padding:
0px; margin: 0px;"></code></p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><code style="padding:
0px; margin: 0px;">Directions.calculate({<br style="padding:
0px; margin: 0px;">
coordinates: [[8.690958, 49.404662], [8.687868, 49.390139]],<br
style="padding: 0px; margin: 0px;">
profile: “driving-car”,<br style="padding: 0px; margin: 0px;">
extra_info: ["waytype", "steepness"],<br style="padding: 0px;
margin: 0px;">
geometry_format: “encodedpolyline”,<br style="padding: 0px;
margin: 0px;">
format: “json”<br style="padding: 0px; margin: 0px;">
})<br style="padding: 0px; margin: 0px;">
.then(function(json) {<br style="padding: 0px; margin: 0px;">
console.log(JSON.stringify(json));<br style="padding: 0px;
margin: 0px;">
})<br style="padding: 0px; margin: 0px;">
.catch(function(err) {<br style="padding: 0px; margin: 0px;">
var str = “An error occured: ” + err;<br style="padding: 0px;
margin: 0px;">
console.log(str);<br style="padding: 0px; margin: 0px;">
});<br style="padding: 0px; margin: 0px;">
</code></p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;">Find the <b>sources and
further examples</b> on<a
href="https://github.com/GIScience/openrouteservice-js"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);"><span> </span>GitHub/GIScience</a><span> </span>or
simply install the library via node’s package manager<span> </span><a
href="https://www.npmjs.com/package/openrouteservice-js"
target="_blank" style="padding: 0px; margin: 0px;
text-decoration: none; color: rgb(119, 34, 34); border-bottom:
1px dashed rgb(153, 102, 51);">npm</a>.</p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><em style="padding: 0px;
margin: 0px;">Happy Coding and Merry Christmas!</em></p>
<p style="padding: 0px; margin: 0.7em 0px; line-height: 1.8em;
color: rgb(51, 51, 51); font-family: arial, verdana, tahoma,
arial, sans-serif; font-size: 12.16px; font-style: normal;
font-variant-ligatures: normal; font-variant-caps: normal;
font-weight: 400; letter-spacing: normal; orphans: 2; text-align:
left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;
background-color: rgb(255, 255, 255); text-decoration-style:
initial; text-decoration-color: initial;"><a
href="http://k1z.blog.uni-heidelberg.de/files/2018/12/ors-snowflakes.jpg"
style="padding: 0px; margin: 0px; text-decoration: none; color:
rgb(119, 34, 34); border-bottom: 1px dashed rgb(153, 102, 51);"><img
class="alignnone size-medium wp-image-10865"
src="http://k1z.blog.uni-heidelberg.de/files/2018/12/ors-snowflakes-300x177.jpg"
alt="" style="padding: 4px 10px 10px 4px; margin: 0px;
background: url("img/shadow.gif") right bottom
no-repeat; border-right: none; border-bottom: none;
border-image: initial; border-top: 1px solid rgb(238, 238,
238); border-left: 1px solid rgb(238, 238, 238);" width="300"
height="177"></a></p>
<br class="Apple-interchange-newline">
<pre class="moz-signature" cols="72">-
GIScience Research Group Heidelberg University
<a class="moz-txt-link-freetext" href="http://uni-heidelberg.de/gis">http://uni-heidelberg.de/gis</a>
Heidelberg Institute for Geoinformation Technology (HeiGIT)
<a class="moz-txt-link-freetext" href="http://heigit.org">http://heigit.org</a> </pre>
</body>
</html>