This repository holds a series of JavaScript based examples using the HERE Maps API for JavaScript. More information about the API can be found on developer.here.com under the JavaScript APIs section.
This set of self-contained, use-case based examples is designed to be cloned by developers for their own use.
Note: In order to get the sample code to work, you must replace all instances of
{YOUR_APP_ID}and{YOUR_APP_CODE}within the code and use your own HERE credentials.
You can obtain a set of credentials from the Plans Page on developer.here.com.
See the LICENSE file in the root of this project for license details.
All of the following examples use version 3 of the API
- Adding Meta Information layer to the Map - Retrieve meta information of city labels, transit stations, etc.
- Adding Venues layer to the Map - Display venue objects (e.g. shops, airports etc) on the map
- Adding a Ground Overlay to the Map - Display an image over a specified geographical area.
- Adding an Overlay to the Map - Display custom map tiles as an overlay
- Calculating a Location from a Mouse Click - Obtain the latitude and longitude of a location within the map
- Changing from the Metric System - Display a map including a scale bar in miles or yards
- Circle on the Map - Display a map highlighting a circular region
- DOM Marker - Display a marker that is capable of receiving DOM events
- Detailed Place Information - Request detailed information about a place marked on the map selected using a mouse click
- Display Interactive KML Objects - Parse a KML file and display and interact with the data on a map
- Display KML Data - Parse a KML file and display the data on a map
- Draggable Marker - Display a moveable marker on a map
- Explore Nearby Places - Request a list of places close to a location and display them on a map
- Explore Popular Places by Category - Request a list of places within a category around a location and display them on a map.
- Finding the Nearest Marker - Find a marker nearest to the click location
- Map Objects Event Delegation - Use event delegation on map objects
- Map Objects Events - Handle events on various map objects
- Map UI Components - Display a map with the standard UI components in an altered location
- Map at a specified location - Display a map at a specified location and zoom level
- Map using View Bounds - Display a map of a given area
- Map with Driving Route from A to B - Request a driving route from A to B and display it on the map.
- Map with Pedestrian Route from A to B - Request a walking route from A to B and display it on the map.
- Map with Route from A to B using Public Transport - Request a route from A to B using public transport and display it on the map.
- Map with Truck Route from A to B - Request a truck route from A to B and display it on the map.
- Marker Clustering - Cluster multiple markers together to better visualize the data
- Marker Clustering with Custom Theme - Cluster multiple markers and customize the theme
- Marker on the Map - Display a map highlighting points of interest
- Multi-language support - Display a map with labels in a foreign language
- One-Box Search - Request a list of nearby places based on a query string and display them on a map
- Opening an Infobubble on a Mouse Click - Open an infobubble when a marker is clicked
- Ordering Overlapping Markers - Arrange the order in which a series of map objects are displayed
- Panning the Map - Programmatically pan the map so that it is continually in motion
- Polygon on the Map - Display a map highlighting a region or area
- Polyline on the Map - Display a map with a line showing a known route
- Rectangle on the map - Display a map highlighting a retangular region or area
- Restrict Map Movement - Restrict a moveable map to a given rectangular area
- SVG Graphic Markers - Display a map with custom SVG markers
- Search for a Landmark - Request the location of a landmark and display it on the map.
- Search for a Location based on an Address - Request a location using a free-form text input and display it on the map.
- Search for a Location given a Structured Address - Request a location from a structured address and display it on the map.
- Search for the Address of a Known Location - Request address details for a given location and display it on the map.
- Store map tiles for offline usage - Store map tiles for offline usage
- Synchronising Two Maps - Synchronise a static map with an interactive map
- Take a Snapshot of the Map - Capture an area on the map
- Terrain Map - Display a topographical map
- Traffic Information - Display traffic information on the map
- Zoom into Bounds - Zoom into bounds limiting maximum level
- Zooming to a Set of Markers - Alter the viewport to ensure a group of objects are visible