Geovisualization Developer's Guide

Tutorial

What is Geovisualization?

HERE Geovisualization is a cloud-based API toolkit for developing sophisticated visualizations of geographically-related data, accessible in a web browser. Raw data is queried via a REST API from the Geovisualization cloud, and transformed and aggregated to provide input to the JavaScript API, which renders the visualization on HERE maps.

The Geovisualization JavaScript API module connects the Geovisualization cloud to the HERE Maps JavaScript API.

What is this Tutorial About?

This tutorial will show you how to create a map visualization that fetches and process data using the Geovisualization REST API and its query language, and then uses the Geovisualization JavaScript API to plot data-driven markers on a map. In this example, you will upload a sample datasource to your account on the Geovisualization backend and use it in the project.

The example plots earthquake events on a map of the world. The events are represented on the map with symbols, called "proportional markers", whose size, color, and opacity vary according to the magnitude and depth of each earthquake. The marker's size indicates the magnitude of the earthquake, and its color indicates the depth of the earthquake epicenter. You will define a relative opacity on the marker symbols to indicate the relative epicenter depth.

The steps you will follow in this tutorial are:

  • Upload the earthquake data source in your Geovisualization account.
  • Create a query on the data using the Geovisualization REST API query language.
  • Publish the query to make it publicly available.
  • Design the proportional markers representing the data using the Geovisualization JavaScript API.

Get a HERE Account

To access Geovisualization, go to https://account.here.com/sign-up and sign up for a HERE account

Get a HERE Plan

When you have an account, register for a 90-day Free Trial plan on the HERE website: https://developer.here.com/plans.

Generate App ID and App Code

On the project page for the newly created plan, click the blue Generate App ID and App Code button under the JavaScript/REST heading to generate the App ID and App Code you will need for Geovisualization.
Note: Geovisualization offers an extensive set of documented code examples of visualizations, showing all queries and source code. The full example described in this tutorial can be found at https://developer.here.com/api-explorer/geovisualization/technology_markers/proportional-symbols

You cannot use this account to purchase a commercial plan on Developer Portal, as it is already associated to plans with different payment methods.

To purchase a commercial plan on Developer Portal, please register for or sign in with a different HERE Account.

Something took longer than expected.

The project should be available soon under your projects page.

Sorry, our services are not available in this region.

Something seems to have gone wrong. Please try again later.

We've detected that your account is set to Australian Dollars (AUD).
Unfortunately, we do not offer checkouts in AUD anymore.
You can continue using your current plan as normal, but to subscribe to one of our new plans,
please register for a new HERE account or contact us for billing questions on selfservesupport@here.com.