Vijay Yadav
Posts: 6
Joined: Wed Mar 01, 2023 9:52 am

Drawing lat long based point on map with X,Y coordinate based Highchart US CBSA location

We have drawn the US CBSA using GeoJSON file object format are below.
we are using feature collection GeoJSON file

We need to plot a point on the same map using Lat & Long

{        "type" : "Feature",        "id" : 1,        "geometry" : {          "type" : "Polygon",          "coordinates" : [            [              [                21038.931999996305,                -347148.47239999846              ],              [                21067.167700000107,                -361589.33720000088              ],              [                25860.751100003719,                -361569.30449999869              ],              [                25932.684699997306,                -380804.14290000126              ],              [                59172.009999997914,                -380583.32730000094              ],              [                59412.965199999511,                -409234.30240000039              ],              [                68863.511500000954,                -412565.23699999973              ],              [                75187.005000002682,                -407224.57030000165              ],              [                85939.053999997675,                -390667.35099999979              ],              [                82706.929499998689,                -390423.87269999832              ],              [                78405.293499998748,                -383301.63360000029              ],              [                78735.090599998832,                -370839.36899999902              ],              [                78577.670299999416,                -351622.35370000079              ],              [                66107.525600001216,                -351676.14589999989              ],              [                57576.599500000477,                -350729.84769999981              ],              [                36958.452899999917,                -357176.9103000015              ],              [                31452.845799997449,                -347076.02879999951              ],              [                21038.931999996305,                -347148.47239999846              ]            ]          ]        },        "properties" : {          "OBJECTID" : 1,          "CSAFP" : "538",          "cbsa" : 34780,          "AFFGEOID" : "310M400US34780",          "geoid" : "34780",          "name" : "Muskogee, OK",          "LSAD" : "M2",          "ALAND" : 2098872174,          "AWATER" : 76147852,          "Shape_Length" : 246221.20869895405,          "Shape_Area" : 2192330444.1722555        }      },
jakub.s
Posts: 1157
Joined: Fri Dec 16, 2022 11:45 am

Re: Drawing lat long based point on map with X,Y coordinate based Highchart US CBSA location

Hi,

Thanks for the question!

It's difficult to say what's wrong, so I'd advise you to carefully read this article first: https://www.highcharts.com/docs/maps/cu ... ojson-maps

And then, after you have a woring map, you can implement a lat/long like here: https://jsfiddle.net/gh/get/library/pur ... n-advanced

Let me know if you encounter any problems.

Best regards,
Jakub
Jakub
Highcharts Developer
Vijay Yadav
Posts: 6
Joined: Wed Mar 01, 2023 9:52 am

Re: Drawing lat long based point on map with X,Y coordinate based Highchart US CBSA location

Hi jakub,

I am working on Highchart Map to display US Metropolitan statistical area and did not found any way to develop this in highchart.
could you please help me out on this. where to get Lat , long json file to plot US Metropolitan statistical area.

Just for the reference i am sharing you the link below.
https://www.visualcapitalist.com/giant- ... eas-in-us/
jakub.s
Posts: 1157
Joined: Fri Dec 16, 2022 11:45 am

Re: Drawing lat long based point on map with X,Y coordinate based Highchart US CBSA location

Hi,

You can find all maps prepared for Highcharts Maps here: https://code.highcharts.com/mapdata/

There is a detailed map of the United States of America there (United States of America, admin2).

Here's a demo: https://jsfiddle.net/gh/get/jquery/1.11 ... us-all-all

If you want to use a map that is not listed in the link I've sent you then you'll have to follow the steps of this article: https://www.highcharts.com/docs/maps/cu ... ojson-maps

Regards,
Jakub
Jakub
Highcharts Developer

Return to “Highcharts Usage”