{"id":3282,"date":"2020-08-20T13:17:50","date_gmt":"2020-08-20T13:17:50","guid":{"rendered":"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/"},"modified":"2022-02-24T19:06:16","modified_gmt":"2022-02-24T19:06:16","slug":"adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis","status":"publish","type":"post","link":"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/","title":{"rendered":"Adding EV Routing to a TomTom Web Map: Understanding the APIs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3282\" class=\"elementor elementor-3282\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f936aac elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"3f936aac\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-44099b36\" data-id=\"44099b36\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a892da elementor-widget elementor-widget-text-editor\" data-id=\"0a892da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>By the year 2040, 57% of passenger vehicles sold will be electric, according to a recent BloombergNEF report (Source:\u00a0<a href=\"https:\/\/about.bnef.com\/electric-vehicle-outlook\/\">BloombergNEF<\/a>). Today, consumers continue to struggle to plan trips that ensure timely and convenient access to charging facilities \u2014 due in large part to navigation software that lacks the routing services needed by electric vehicle (EV) drivers.<\/p><p>Thankfully,\u00a0<a href=\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-building-the-web-application\/\">TomTom<\/a>\u00a0is helping EV owners avoid &#8220;range anxiety&#8221; with its award-winning Long-Distance EV Routing service. In this two-part article, we&#8217;ll explore how developers can use the EV Routing service to easily create engaging and helpful applications for consumers. We\u2019ll start in Part 1 with a look at the relevant APIs, and explore information particular to EVs. In Part 2, we\u2019ll build an app that allows the user to specify a starting and finishing location, calculate a route between these endpoints, and display both the route and charging stops along the way.<\/p><p>To use TomTom&#8217;s services, you\u2019ll need to obtain an API key that authorizes their use. In the code and URLs that follow, just be sure to replace &#8220;YOUR_API_KEY&#8221; with the TomTom API Key you obtained.<\/p><p>You should also log in to the TomTom developer dashboard, edit your application, and make certain that all of the necessary TomTom products (such as the Search API and Extended Search API) are checked.<\/p><p>Now let\u2019s look at the various APIs we\u2019ll use to create the app.<\/p><h2>Search API<\/h2><p>In order to use the TomTom Routing API or the Long Distance EV Routing service, the unique starting and ending locations the route will connect are required. The Search API provides a powerful mechanism for turning a user&#8217;s colloquial input (for example, Los Angeles) into a unique location (such as latitude 34.05224 and longitude -118.24334).<\/p><p>That mechanism is TomTom&#8217;s Fuzzy Search service. To search for &#8220;Los Angeles&#8221; you can make a simple web request to the following URL:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36bc931 elementor-widget elementor-widget-code-highlight\" data-id=\"36bc931\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>https:\/\/api.tomtom.com\/search\/2\/search\/los%20angeles.json?key=YOUR_API_KEY<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7167a8d elementor-widget elementor-widget-text-editor\" data-id=\"7167a8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The response would appear as follows, with the &#8220;position&#8221; property of the first result providing the latitude and longitude of the city.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e69f5c elementor-widget elementor-widget-code-highlight\" data-id=\"4e69f5c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{\r\n  \"summary\": {\r\n    \"query\": \"los angeles\",\r\n    \"queryType\": \"NON_NEAR\",\r\n    \"queryTime\": 47,\r\n    \"numResults\": 10,\r\n    \"offset\": 0,\r\n    \"totalResults\": 28490,\r\n    \"fuzzyLevel\": 1\r\n  },\r\n  \"results\": [\r\n    {\r\n      \"type\": \"Geography\",\r\n      \"id\": \"US\/GEO\/p0\/355711\",\r\n      \"score\": 5.90292,\r\n      \"entityType\": \"Municipality\",\r\n      \"address\": {\r\n        \"municipality\": \"Los Angeles\",\r\n        \"countrySecondarySubdivision\": \"Los Angeles\",\r\n        \"countryTertiarySubdivision\": \"Los Angeles\",\r\n        \"countrySubdivision\": \"CA\",\r\n        \"countryCode\": \"US\",\r\n        \"country\": \"United States\",\r\n        \"countryCodeISO3\": \"USA\",\r\n        \"freeformAddress\": \"Los Angeles, CA\",\r\n        \"countrySubdivisionName\": \"California\"\r\n      },\r\n      \"position\": {\r\n        \"lat\": 34.05224,\r\n        \"lon\": -118.24334\r\n      },\r\n      \"viewport\": {\r\n        \"topLeftPoint\": {\r\n          \"lat\": 34.33673,\r\n          \"lon\": -118.6684\r\n        },\r\n        \"btmRightPoint\": {\r\n          \"lat\": 33.70366,\r\n          \"lon\": -118.15541\r\n        }\r\n      },\r\n      \"boundingBox\": {\r\n        \"topLeftPoint\": {\r\n          \"lat\": 34.33673,\r\n          \"lon\": -118.6684\r\n        },\r\n        \"btmRightPoint\": {\r\n          \"lat\": 33.70366,\r\n          \"lon\": -118.15541\r\n        }\r\n      },\r\n      \"dataSources\": {\r\n        \"geometry\": {\r\n          \"id\": \"00005543-3600-3c00-0000-00005a3f4260\"\r\n        }\r\n      }\r\n    },\r\n    .\r\n    .\r\n    .\r\n  ]\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58f6a49 elementor-widget elementor-widget-text-editor\" data-id=\"58f6a49\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>For web developers, TomTom also offers a Web SDK to simplify interaction with its APIs. This API provides a simple-to-call function for most services. These functions typically format the URL, issue the web request, fetch and parse the response, and return a JavaScript promise with which you can interact.<\/p><p>For example, the following function call is equivalent to the earlier Fuzzy Search example. If the web request succeeds, the\u00a0<a href=\"https:\/\/contentlab.com\/building-embedded-tomtom-maps-with-html-web-components-and-javascript\/\">JavaScript<\/a>\u00a0promise\u2019s \u201cthen\u201d function is called with a simple object containing the response; otherwise, its \u201ccatch\u201d function is called with information describing the error.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9922f7 elementor-widget elementor-widget-code-highlight\" data-id=\"f9922f7\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>tt.services.fuzzySearch({ key: 'YOUR_API_KEY', query:  'Los Angeles' })\r\n  .go()\r\n  .then(function(response) {\r\n    console.log('Success!');\r\n    console.log(response);\r\n  })\r\n  .catch(function(error) {\r\n    console.log('Error!');\r\n    console.log(error);\r\n  });<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c316e8 elementor-widget elementor-widget-text-editor\" data-id=\"1c316e8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Routing API<\/h2><p>TomTom offers a Routing API that calculates a route between two endpoints. The Routing API takes real-time traffic information and weather incidents into account to help consumers avoid delays. This powerful API now includes the Long-Distance EV Routing service, which allows consumers to provide detailed information about their electric vehicles and get a route specifically calculated to ensure that charging stations are available along the way.<\/p><p>To use the service, you\u2019ll need to understand basic information that may be necessary when creating apps for electric vehicles. Unfortunately, the information provided by automobile manufacturers and reviewers often includes abbreviations that are used with little or no explanation. In the table below, you&#8217;ll find a glossary of some common abbreviations used in the description of electric vehicles.<\/p><table style=\"background-color: #ffffff; width: 500px;\" border=\"1\" cellspacing=\"1\" cellpadding=\"1\"><tbody><tr><td>Abbr<\/td><td>Meaning<\/td><td>Description<\/td><\/tr><tr><td>A<\/td><td>Amperes<\/td><td>Amperage is a measure of electric current \u2014 the quantity of electric charge moving across a circuit in a given period of time. Using plumbing as an analogy, it\u2019s similar to flow rate.<\/td><\/tr><tr><td>V<\/td><td>Volts<\/td><td>Voltage is a measure of electromotive force. It measures the force driving the electric charge across a circuit. Again, using plumbing as an analogy, it\u2019s similar to water pressure.<\/td><\/tr><tr><td>AC<\/td><td>Alternating Current<\/td><td>With alternating current, electric current alternates directions at regular intervals. When you plug something in at home or at work, power is delivered via alternating current.<\/td><\/tr><tr><td>DC<\/td><td>Direct Current<\/td><td>With direct current, electric current flows in a single direction. Battery-operated devices run on direct current. In truth, most devices run on direct current. Plug-in devices simply take an extra step, first converting the alternating current from your wall plug into the direct current they require.<\/td><\/tr><tr><td>W<\/td><td>Watts<\/td><td>Wattage is a measure of the total power. It\u2019s calculated quite easily by multiplying voltage by amperage (W = V x A).<\/td><\/tr><tr><td>kW<\/td><td>Kilowatts<\/td><td>One kilowatt is a thousand watts (kW = W \/ 1000).<\/td><\/tr><tr><td>kWh<\/td><td>Kilowatt Hours<\/td><td>A kilowatt-hour is a measure of power over time. For example, 1 kilowatt-hour could deliver a single kilowatt of power for an entire hour, 500 watts for two hours, or 1 watt for 1,000 hours.<\/td><\/tr><tr><td>SoC<\/td><td>State of Charge<\/td><td>The state of charge (SoC) is a measure of the percentage of charge in a battery, ranging from 0 (empty) to 1 (full). For example, an SoC of 0.5 would indicate that a battery is at 50%.<\/td><\/tr><tr><td>PEV<\/td><td>Plug-in Electric Vehicle<\/td><td>A plug-in electric vehicle is any vehicle that can be plugged in to charge the battery. It includes both battery-electric vehicles (BEV) and plug-in hybrid electric vehicles (PHEV).<\/td><\/tr><tr><td>BEV<\/td><td>Battery Electric Vehicle<\/td><td>A battery-electric vehicle runs entirely on battery power. It does not use gasoline.<\/td><\/tr><tr><td>PHEV<\/td><td>Plug-in Hybrid Electric Vehicle<\/td><td>A plug-in hybrid electric vehicle runs on either battery power or gasoline. It can be refueled either by adding gasoline or by plugging in to recharge the battery.<\/td><\/tr><\/tbody><\/table><p>There are also a number of parameters used as inputs to the service. The first is the\u00a0<em>consumption model<\/em>, which describes the battery capacity of the vehicle, how quickly it discharges, and how it behaves under various driving conditions (such as acceleration).<\/p><p>Another set of inputs to this service describes the\u00a0<em>charging model<\/em>\u00a0\u2014 the different modes of charging supported by the electric vehicle. This includes the type of plug (or connector), the type of electrical facility, and the rate at which the vehicle will charge when a particular combination of plug and facility is used. Thankfully, TomTom has provided a very flexible model for specifying this information that accommodates virtually any vehicle. Here\u2019s a bit more detail:<\/p><ul style=\"font-size: 16px; background-color: #ffffff;\"><li style=\"font-size: 16px;\">The\u00a0<em>plug type<\/em>\u00a0describes the physical connection between the car and the charging station. While some common plug types are emerging (such as SAE J1772), there remains a patchwork of different connectors that often depend on automobile manufacturer or geographical location.<\/li><li style=\"font-size: 16px;\">The\u00a0<em>facility type<\/em>\u00a0describes the electrical characteristics of the port at the charging station. A single plug may allow a connection with different ports, each with different electrical characteristics, including the type of current (alternating or direct), the voltage (120V or 240V), the amperage (12A or 20A), and (for AC connections) the number of phases (1 or 3).<\/li><li style=\"font-size: 16px;\">The\u00a0<em>charging curve<\/em>\u00a0describes how a particular vehicle will charge at a facility, given its specific characteristics. The rate at which batteries charge depends principally on the facility type and the unique charging circuitry of the vehicle. However, batteries don\u2019t necessarily charge in a linear fashion. They generally charge more quickly when empty and less quickly as they approach a full charge.<br \/><br \/><\/li><\/ul><p>To provide accurate estimates of charging times, the TomTom API lets you use the unique charging curve of the vehicle when connected to a specific pairing of plug type and facility type.<\/p><h2>Using the Long-Distance EV Routing Service<\/h2><p>The Long Distance EV Routing service calculates a route between an origin and a destination that includes charging stops. The consumption model and many other parameters are passed as simple query string parameters in the URL for the web request.<\/p><p>For example, when accompanied by a POST body that specifies charging modes, the URL below calculates the route between Boston (latitude 42.35899, longitude -71.05863) and Washington D.C. (latitude 38.89206, longitude -77.01991), making certain that the route includes charging stops so that the remaining battery charge never drops below 20 kWh. The consumption model specifies an electric vehicle that\u2019s fully charged to its maximum capacity of 100 kWh. It further indicates that when traveling at a constant speed of 100 km\/h, the vehicle will consume 20 kWh of battery charge for every 100 kilometers of travel.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dc3586 elementor-widget elementor-widget-code-highlight\" data-id=\"0dc3586\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>https:\/\/api.tomtom.com\/routing\/1\/calculateLongDistanceEVRoute\/42.35899,-71.05863:38.89206,-77.01991\/json?vehicleEngineType=electbric&maxChargeInkWh=100&currentChargeInkWh=100&constantSpeedConsumptionInkWhPerHundredkm=100,20&minChargeAtDestinationInkWh=20&minChargeAtChargingStopsInkWh=20&key=YOUR_API_KEY<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ff9cc elementor-widget elementor-widget-text-editor\" data-id=\"c5ff9cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The charging modes are passed in the body of a POST web request. The example below uses an SAE J1772 plug that can be connected to a single-phase alternating current at 200-240 volts, at 32 amperes or above. When connected, the vehicle will charge to 80kWh in 25,000 seconds, reaching a full charge of 100kWh in 50,000 seconds.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9eae3a elementor-widget elementor-widget-code-highlight\" data-id=\"b9eae3a\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{\r\n  \"chargingModes\": [\r\n    {\r\n      \"chargingConnections\": [\r\n        {\r\n          \"facilityType\": \"Charge_200_to_240V_1_Phase_at_32A\",\r\n          \"plugType\": \"SAE_J1772\"\r\n        },\r\n        {\r\n          \"facilityType\": \"Charge_200_to_240V_1_Phase_above_32A\",\r\n          \"plugType\": \"SAE_J1772\"\r\n        }\r\n      ],\r\n      \"chargingCurve\": [\r\n        {\r\n          \"chargeInkWh\": 80,\r\n          \"timeToChargeInSeconds\": 25000\r\n        },\r\n        {\r\n          \"chargeInkWh\": 100,\r\n          \"timeToChargeInSeconds\": 50000\r\n        }\r\n      ]\r\n    }\r\n  ]\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900003b elementor-widget elementor-widget-text-editor\" data-id=\"900003b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>A successful response includes a route summary, the legs of the route, a summary of each leg, and the points (latitude and longitude) that make up that leg. The route is broken up into legs so that each charging stop can be represented. The charging stop (or destination) appears as the final point in each route leg. Here\u2019s an excerpt from an example response:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b88a7c9 elementor-widget elementor-widget-code-highlight\" data-id=\"b88a7c9\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{\r\n  \"formatVersion\": \"0.0.12\",\r\n  \"routes\": [\r\n    {\r\n      \"summary\": {\r\n        \"lengthInMeters\": 713569,\r\n        \"travelTimeInSeconds\": 64578,\r\n        \"trafficDelayInSeconds\": 0,\r\n        \"departureTime\": \"2019-10-14T09:16:54-04:00\",\r\n        \"arrivalTime\": \"2019-10-15T03:13:12-04:00\",\r\n        \"batteryConsumptionInkWh\": 142.71380000000002,\r\n        \"remainingChargeAtArrivalInkWh\": 21.01679999999999,\r\n        \"totalChargingTimeInSeconds\": 39266\r\n      },\r\n      \"legs\": [\r\n        {\r\n          \"summary\": {\r\n            \"lengthInMeters\": 318653,\r\n            \"travelTimeInSeconds\": 11640,\r\n            \"trafficDelayInSeconds\": 0,\r\n            \"departureTime\": \"2019-10-14T09:16:54-04:00\",\r\n            \"arrivalTime\": \"2019-10-14T12:30:54-04:00\",\r\n            \"batteryConsumptionInkWh\": 63.7306,\r\n            \"remainingChargeAtArrivalInkWh\": 36.2694,\r\n            \"chargingInformationAtEndOfLeg\": {\r\n              \"targetChargeInkWh\": 100,\r\n              \"chargingTimeInSeconds\": 39266,\r\n              \"chargingConnections\": [\r\n                {\r\n                  \"facilityType\": \"Charge_200_to_240V_1_Phase_at_32A\",\r\n                  \"plugType\": \"SAE_J1772\"\r\n                }\r\n              ],\r\n              \"chargingParkUuid\": \"2cfb40b9-66ed-3afd-4a01-b5ba00153b86\"\r\n            }\r\n          },\r\n          \"points\": [\r\n            {\r\n              \"latitude\": 42.35899,\r\n              \"longitude\": -71.05864\r\n            },\r\n            ...<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0ca740 elementor-widget elementor-widget-text-editor\" data-id=\"4e0ca740\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><\/p>\n<pre><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">In this article, we\u2019ve looked at the TomTom Long Distance EV Routing service and discussed what you need to know to create an application that uses the service to supply routing and charging information to electric vehicle users.<\/span><br><\/pre>\n<p>In part two of this article, we\u2019ll create an app that lets users specify a starting and ending point, calculates a route between them, and shows charging stops along the route.<\/p>\n<p>To get started with what was covered in this article and learn more about some of TomTom&#8217;s products, check out some of the links below:<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.tomtom.com\">TomTom Developer Portal<\/a><\/li>\n<li><a href=\"https:\/\/developer.tomtom.com\/routing-api\/routing-api-documentation\">Routing API<\/a><\/li>\n<li><a href=\"https:\/\/developer.tomtom.com\/routing-api\/routing-api-documentation\/long-distance-ev-routing\">Long Distance EV Routing Service<\/a><\/li>\n<li><a href=\"https:\/\/developer.tomtom.com\/routing-api\/routing-api-documentation\/long-distance-ev-routing\">Maps SDK for Web<\/a><\/li>\n<li><a href=\"https:\/\/developer.tomtom.com\/products\/places-api\">Search API &amp; Extended Search API<\/a><br><br><\/li>\n<\/ul>\n<p>Happy coding!<\/p>\n<p><em>This article was originally published on <a href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis\">TomTom&#8217;s blog<\/a>.<\/em><\/p>\n<p><em><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\">If you\u2019re interested in developing expert technical content that performs, <\/span><\/span><a class=\"Hyperlink SCXW156001673 BCX2\" href=\"https:\/\/contentlab.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\" data-ccp-charstyle=\"Hyperlink\">let\u2019s have a conversation<\/span><\/span><\/a><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\"> today.<\/span><\/span><br><\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this article, we look at the TomTom Long Distance EV Routing service and discuss what you need to know to create an application that uses the service to supply routing and charging information to electric vehicle users.<\/p>\n","protected":false},"author":3,"featured_media":6796,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[278,18,240],"tags":[270],"hashtags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab\" \/>\n<meta property=\"og:description\" content=\"In this article, we look at the TomTom Long Distance EV Routing service and discuss what you need to know to create an application that uses the service to supply routing and charging information to electric vehicle users.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis\" \/>\n<meta property=\"og:site_name\" content=\"Technical Content Marketing | ContentLab\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-20T13:17:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-24T19:06:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1746\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ContentLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:site\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ContentLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#article\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/\"},\"author\":{\"name\":\"ContentLab\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\"},\"headline\":\"Adding EV Routing to a TomTom Web Map: Understanding the APIs\",\"datePublished\":\"2020-08-20T13:17:50+00:00\",\"dateModified\":\"2022-02-24T19:06:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/\"},\"wordCount\":1579,\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png\",\"keywords\":[\"Mapping\"],\"articleSection\":[\"Hands-on Tutorial\",\"Portfolio\",\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/\",\"url\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis\",\"name\":\"Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png\",\"datePublished\":\"2020-08-20T13:17:50+00:00\",\"dateModified\":\"2022-02-24T19:06:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png\",\"width\":1746,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/contentlab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding EV Routing to a TomTom Web Map: Understanding the APIs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/contentlab.com\/#website\",\"url\":\"https:\/\/contentlab.com\/\",\"name\":\"Technical Content Marketing | ContentLab\",\"description\":\"Technical Content Marketing Done Right.\",\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/contentlab.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/contentlab.com\/#organization\",\"name\":\"ContentLab.io\",\"url\":\"https:\/\/contentlab.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"width\":768,\"height\":768,\"caption\":\"ContentLab.io\"},\"image\":{\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ContentLabIO\",\"https:\/\/www.linkedin.com\/company\/17893315\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\",\"name\":\"ContentLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"caption\":\"ContentLab\"},\"description\":\"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.\",\"sameAs\":[\"https:\/\/contentlab.op\"],\"url\":\"https:\/\/contentlab.com\/author\/contentlab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis","og_locale":"en_US","og_type":"article","og_title":"Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab","og_description":"In this article, we look at the TomTom Long Distance EV Routing service and discuss what you need to know to create an application that uses the service to supply routing and charging information to electric vehicle users.","og_url":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis","og_site_name":"Technical Content Marketing | ContentLab","article_published_time":"2020-08-20T13:17:50+00:00","article_modified_time":"2022-02-24T19:06:16+00:00","og_image":[{"width":1746,"height":530,"url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","type":"image\/png"}],"author":"ContentLab","twitter_card":"summary_large_image","twitter_creator":"@ContentLabIO","twitter_site":"@ContentLabIO","twitter_misc":{"Written by":"ContentLab","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#article","isPartOf":{"@id":"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/"},"author":{"name":"ContentLab","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532"},"headline":"Adding EV Routing to a TomTom Web Map: Understanding the APIs","datePublished":"2020-08-20T13:17:50+00:00","dateModified":"2022-02-24T19:06:16+00:00","mainEntityOfPage":{"@id":"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/"},"wordCount":1579,"publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","keywords":["Mapping"],"articleSection":["Hands-on Tutorial","Portfolio","Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-understanding-the-apis\/","url":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis","name":"Adding EV Routing to a TomTom Web Map: Understanding the APIs &#183; Technical Content Marketing | ContentLab","isPartOf":{"@id":"https:\/\/contentlab.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","datePublished":"2020-08-20T13:17:50+00:00","dateModified":"2022-02-24T19:06:16+00:00","breadcrumb":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#primaryimage","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","width":1746,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/adding-ev-routing-tomtom-web-map-understanding-apis#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/contentlab.com\/"},{"@type":"ListItem","position":2,"name":"Adding EV Routing to a TomTom Web Map: Understanding the APIs"}]},{"@type":"WebSite","@id":"https:\/\/contentlab.com\/#website","url":"https:\/\/contentlab.com\/","name":"Technical Content Marketing | ContentLab","description":"Technical Content Marketing Done Right.","publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contentlab.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/contentlab.com\/#organization","name":"ContentLab.io","url":"https:\/\/contentlab.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","width":768,"height":768,"caption":"ContentLab.io"},"image":{"@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ContentLabIO","https:\/\/www.linkedin.com\/company\/17893315\/"]},{"@type":"Person","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532","name":"ContentLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","caption":"ContentLab"},"description":"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.","sameAs":["https:\/\/contentlab.op"],"url":"https:\/\/contentlab.com\/author\/contentlab\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/08\/Untitled-design-1.png","_links":{"self":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3282"}],"collection":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/comments?post=3282"}],"version-history":[{"count":5,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3282\/revisions"}],"predecessor-version":[{"id":5467,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3282\/revisions\/5467"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media\/6796"}],"wp:attachment":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media?parent=3282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/categories?post=3282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/tags?post=3282"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/hashtags?post=3282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}