Feature: links between markers

[srilumpa]

Hi,

I would like to suggest a feature. I haven't found it in the documentation nor in the examples so I suppose it does not exist yet.

I think it would be really great to implement the ability to create links between markers.

Here is an example:

$('#map').vectorMap({
...
markers: [
      {latLng: [41.90, 12.45], name: 'Vatican City'},
      {latLng: [43.73, 7.41], name: 'Monaco'},
      {latLng: [-0.52, 166.93], name: 'Nauru'},
      {latLng: [-8.51, 179.21], name: 'Tuvalu'}
],
links: [
      [0,2],
      [1,3],
      [0,3]
],
series: {
      links: {
            attribute: 'thick',
            scale: [1,5],
            values: [6,10,2],
            style: 'straight'
      },
},
...
});

That would create the four markers as it is done today. Then you would have 3 straight lines between markers: one linking Vatican City to Nauru, one linking Monaco to Tuvalu and one linking Vatican City to Tuvalu.

With attribute "thick", scale would be interpreted as the width of the line. Here, you would have the first line would be 3 pixels large, the second one 5 pixels large and the last one only 1 pixel large.

Style could be "straight" to have straight lines between the markers or "curve" to have something like a spline.

It would be useful to display everything linked to transfer between two points on a map (planes trajectories, commercial/financial exchanges, etc.)

Thanks for all the good work! jVectorMap is amazing!

[PereiraM]

+1 This would be a great addition to an already powerful tool.

[jdurand]

+1

[Kabelaz]

+1

[stefan-kolb]

👍

[scooterlord]

+1

[fdominik]

👍

[fdominik]

Hi,
I have created a Pull Request with an implemented functionality of drawing Lines on JVectorMap. I am currently using this in my personnal blog at https://sevenhillsaway.com/map/
So this issue should be related to the Pull Request #431