This document will walk you through getting a basic map set up and displaying inside a div.
Create Map Div
Getting started with Vexcel API is easy. Simply start by adding a div element to an HTML5 document. This div element will contain our map, so we will give it an id of 'map'. We have to add a fixed height for the map element.
Index.html
Add Vexcel Map API Reference
Add Vexcel Map API Reference using a script tag. This url will ensure that you are accessing the most recently released functionality. If you prefer to use a specific version, replace 'latest' in the url with your chosen version (e.g. '2.0.1'). Also you need to add a reference to css styles.
Your HTML document should now look like this:
Index.html
Login and Load Map
You can login either with an API token or with a username and password. In this walkthrough, we will assume that you have already recieved a token. Using a script tag or a separate Javascript file, loading Vexcel Map imagery into your div tag takes minimal effort.
Embedding this script into a script tag looks like this.
Index.html
Customize Your Map
Now that you've gained access to Vexcel Map API and have designated a div to hold available imagery, the options are limitless! Add a control bar with zoom buttons and orientation controls; overlay custom points, polygons, and lines; programmatically toggle between 2D and 3D imagery; and more.