snehalfalke
Posts: 2
Joined: Tue Jul 27, 2021 6:02 pm

Pacific Centered World Map (Bubble Map)

We have a requirement of map bubble on a pacific centered world map. We have achieved the part of pacific centered world map using the viewtopic.php?t=36545 but when we are trying to pass the latitude and longitude to the map to plot the bubble on it, it is not working? Can we please get any solution on how to plot the bubbles using latitude and longitude?
We have plotted the bubble on the normal map using the proj4 package but we need to solution on a pacific centered world map.
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Pacific Centered World Map (Bubble Map)

Hello snehalfalke!

Welcome to our forum and thanks for contacting us with your question!

Unfortunately, it is hard to tell you what could be done here without taking look at your code. Could you reproduce the issue in an online editor that I could work on?

Best regards!
Dominik Chudy
Highcharts Developer
snehalfalke
Posts: 2
Joined: Tue Jul 27, 2021 6:02 pm

Re: Pacific Centered World Map (Bubble Map)

Hello dominik.c!

https://jsfiddle.net/21t9gw6j/

This is the fiddle link which we have implemented map bubble. we need to change this map to s Pacific Centered World Map and bubbles should get correctly plotted on that map. The map should be as per attached file
Attachments
required map.JPG
required map.JPG (36.85 KiB) Viewed 2531 times
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Pacific Centered World Map (Bubble Map)

Hi again!

The map from the demo from the mentioned topic has been converted from an SVG file and it's a custom map. Sadly custom maps do not support latitude/longitude. And if you want to use these attributes you need to use a map from our official collection, which you can find here: http://code.highcharts.com/mapdata/?_ga ... 1626151503

You can consider using the Proj4js library to convert between projections. It might help you but this problem is no longer related to Highcharts so I'm afraid I can't help you more.

Best regards!
Dominik Chudy
Highcharts Developer
janardhan.s.a
Posts: 2
Joined: Fri Jul 30, 2021 8:53 am

Re: Pacific Centered World Map (Bubble Map)

Hello dominik.c!

https://jsfiddle.net/21t9gw6j/
as you can see in this fiddle , the map is from highchart collection and proj4 is being used to plot points on the map but the world map is not pacific centered , is there way in highcharts to achieve that ?
Best,
Janardhan
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Pacific Centered World Map (Bubble Map)

Hello janardhan.s.a!

Welcome to our forum and thanks for contacting us with your question!

Map from your demo is exactly a map from our collection and the points can be plotted here (lat, long attributes work here). But editing this map to get a pacific-centered view is not possible and we need to create a new map with the desired view.

In this topic: viewtopic.php?t=36545 such a map was created by converting SVG file, unfortunately, it is a custom map (not from our collection) and plotting points doesn't work with that.

I hope that I explained this issue well. In case of any further questions feel free to reach me anytime. :-)

Best regards!
Dominik Chudy
Highcharts Developer
janardhan.s.a
Posts: 2
Joined: Fri Jul 30, 2021 8:53 am

Re: Pacific Centered World Map (Bubble Map)

Hello dominik.c!

Thanks for the detailed explanation ,

can we make a feature request for Pacific Centered world map and is there a way to raise feature request? can you provide the details

Thanking you,
Best,
Janardhan
dominik.c
Posts: 2081
Joined: Fri Aug 07, 2020 7:07 am

Re: Pacific Centered World Map (Bubble Map)

Hi again!

As far as I see there's already a feature request about pacific centered world map.
You can bump it up there: https://github.com/highcharts/highcharts/issues/16105

Best regards!
Dominik Chudy
Highcharts Developer
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: Pacific Centered World Map (Bubble Map)

Based on a rotation's lambda option any part of the world could be used as a center. With lambda of 210 it looks like here: https://jsfiddle.net/BlackLabel/p5or2gfe/
Code reference:

Code: Select all

        mapView: {
            projection: {
                name: 'Miller',
                rotation: [210]
            }
        },
You could also see this in action with GUI for rotation and projection options in Highcharts Projection Explorer.
Kacper Madej
Highcharts Developer

Return to “Highcharts Maps”