Tiles

Tiles.get

Overview

Tiles are the images that comprise the map. As the user zooms, the map loads a new tile layer of the tile pyramid.

Most maps start at zoom level 16 (Z) and get more detailed as the the zoom gets higher. Many maps only have tiles up to zoom level 20 or 21. A few very detailed maps may have zoom level 25.

Many mapping libraries support tile pyramids, I.E. filling in these values /{z}/{x}/{y}as the user pans and scrolls. Included libraries are leaflet, mapbox gl, google maps, and many more.

API Parameters

const planId = String;
const layerName = 'ortho' || 'dem';

dronedeployApi.Tiles.get({planId, layerName})
  .then(function(tileInformation){ console.log(tileInformation) });

Example Call

dronedeployApi.Tiles.get({planId: '5605c0e5752afc005a000004', layerName: 'ortho'})
  .then(function(tileInformation){ console.log(tileInformation) });

NOTE: The example maps that come with your account don't work for this API because you don't own those maps. Please visit this page for an example dataset.

Example Response

template: This is the tile url template DroneDeploy uses to fetch tiles on the map as the user scrolls around. Z represents the zoom level, X and Y represent the coordinates in mercator projection.

expires: UTC timestamp for 30 days

{
  expires: 1478214226365,
  template: "https://public-tiles.dronedeploy.com/1477521235_DILLONOPENPIPELINE_ortho_xul/{z}/{x}/{y}.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9wdWJsaWMtdGlsZXMuZHJvbmVkZXBsb3kuY29tLzE0Nzc1MjEyMzVfRElMTE9OT1BFTlBJUEVMSU5FX29ydGhvX3h1bC8qIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNDc4MjE0MjI2fX19XX0_&Signature=RxAMowpa1AxVdJ1HFdduwllksyyP2XGgEteisdAqjPrheTLIyq7-a1Xk68Tx0kxquM9-cY-sY8kbmmmwdpsQgLPc~mg5MlXRICuCunZ~qdZ-9qVMBeTTgH8ZxAqnPfbQ764y~f6CfH1q~gCT0NTHTT4X8~MKmCjztWvhB3ji6NkipzxYrm4osf60FFjf8IuaOUvBtzOv5Q1J6qXXiyRG4AtDmZWeVlSUQ7UH1UtzQpIPfLqq~EgX7XNDqt12rRckkRGWowm5uOGFT62tQ2fgF77KZCScJZ4HbmRFUHcD27GME~5uY6gakA~ydKDIcgX8emKpbENGyjdWJZ1lGggQFA__&Key-Pair-Id=APKAJXGC45PGQXCMCXSA",
}

Full Example - Get Tiles As Array

Full Example - Render Tiles in Map