Animating map lines with CSS

Type tutorial

Each line in a MapChart is an SVG object in document’s DOM tree. This means we can use CSS to target and modify it, including using CSS animations. This tutorial will show how we can make MapLine animate itself from the start. Prerequisites We’re going to assume that you know what MapLine is, how to […]

Triggering map polygon tooltip via API

Type demo

This demo shows how we can programatically trigger display of the rollover tooltip on a MapChart by setting respective polygon’s isHover property.

Animated rotation of the globe via API

Type demo

This demo shows how we can animate rotation of a globe (MapChart with an Orthographic projection) by creating an animation for its deltaLongitude and deltaLatitude properties.

Map line with two arrows

Type demo

Normally, a MapLine object can have a single arrow head. This demo shows how we can create additional Triangle objects to create a two-way arrows on a MapChart.

Exporting MapChart data

Type tutorial

amCharts 4 exporting functionality can export not only visual representation of the chart, but also its data. However, for MapChart which does not have central or clear-cut data, it’s disabled by default. This tutorial will show how you can re-enable selective data export for your maps. Enabling data export Determining data source Before we go […]

Building drill-down maps

Type tutorial

In this tutorial we’ll look at techniques for building various map-based drill-down scenarios. Requisites The techniques described in this tutorial rely on event infrastructure. If you’re not yet familiar how events work in amCharts 4, we suggest taking a look at “Event Listeners” article first. We also assume that you have basic knowledge of MapChart […]

Using India version of world map

Type tutorial

This short tutorial will show how you can use MapChart with a version of world map that is compatible with regulations in place in India. Two versions of maps Regulations in India require contested areas to be shown as part of the country as a whole. Unfortunately, those border lines do not correspond with areas […]

Using U.S. congressional districts maps

Type tutorial

Since version 4.1.8 the geodata package for Map Chart includes a collection of maps for U.S. Congressional Districts. This tutorial will show how you can use them. Using congressional district maps The congressional district map files are located under region/usa/congressional subdirectory of the geodata package. If you are not familiar with the geodata package and how […]