You can add shapes to maps using the regular x, y coordinates but another way would be to hook the shape to the state/exact position of the map. The issue with X,Y coordinates is that when the chart resizes the x/y coordinate moves.

If you are looking to have a shape stay in an exact location no matter the size of the chart, we can hook shapes to maps using longitude and latitude coordinates.

This is done as such:


So with numbers it will look something like:


Here is a demo of showing how this is done for the map usa:

USA Map Demo

Here is a demo showing how this is done for a continent map of Africa:

Africa Map Demo

If you are wondering how to get latitude and longitude numbers for a specific X/Y coordinate on your chart you can use ZingChart's getLonLat() method.
 Here is documentation on how to use the getLonLat() method:

getLongLat() Method Docs

Help Center:
Contact Us: [email protected]
Follow Us: | +1 858 490 5281

Did this answer your question?