0

I am trying to create an Angular application that relies heavily on google maps. I would like to highlight areas on the map by continent->country->state->suburb and depending on the values of supplied will determine what the highlighted areas coluor would be.

I have read that with google map polygons you need to set the boundary co ordinates so that the polygon will display/cover in he correct places. The first part of this question is if this is true where would I begin to get all the co ordinates for these boundaries? is it already built into google and I missed it?

Second part of the question is am I approaching this problem the right way is there a better solution to this. I have inserted an example image below of what I am looking to recreate dynamically.

Any guidance on this will be appreciated.example Image

Ross Rawlins
  • 603
  • 8
  • 22

1 Answers1

1

You need to have all the coordinates of the polygon, and I'm afraid you'll have to retrieve them by yourself somehow. Although it might be possible that somebody else has already made a list of coordinates that represent a certain country/state/etc but still you would need to find them first (and use them with the Google Maps API).

Maybe you could make a small tool with Google Maps API, that will let you click the polygon coordinates to the map and then give you back the list of the coordinates?

Oskari3000
  • 131
  • 5
  • I thought about your second option and its just too much for one dev to do. I am searching for locations on the web where I can find all the co ordinates. A plus would be if they are in JSON – Ross Rawlins Nov 10 '15 at 06:34
  • It seems that somebody has actually collected a database of countries, and atleast some of them have the coordinates already in the json format. Check out this older answer: http://stackoverflow.com/a/10875909/5526468 – Oskari3000 Nov 10 '15 at 15:56
  • thanks I will look at this LOADS of data to sift through but that is a good start thank you. – Ross Rawlins Nov 11 '15 at 10:55