วิธีการวาด mapline ด้วย highcharts?

ฉันมีแผนที่ Highcharts พร้อมจุดบนแผนที่สองจุด คุณสามารถดูได้ที่ http://jsfiddle.net/na85bqqp/1/

ดูเหมือนว่ารูปแบบข้อมูลต่อไปนี้จะใช้ไม่ได้กับเส้นแผนที่

        data: [{
          name: 'London',
          lat: 42.4072,
          lon: -71.3824,
        }, 
        {
          name: 'Wisconsin',
          lat: 43.7844,
          lon: -88.7879,
        }]

ฉันต้องการให้สองจุดนี้เชื่อมต่อกัน ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? เอกสาร Highcharts สำหรับ mapline ไม่เหมาะสม ดังนั้นฉันจึงไม่รู้ว่าจะเข้าร่วมจุดบนแผนที่ด้วย mapline ได้อย่างไร

นี่คือแผนที่สุดท้ายที่มีจุดเลือกตามเส้น http://jsfiddle.net/na85bqqp/2/


highcharts highmaps
person Akshar Raaj    schedule 17.02.2017    source แหล่งที่มา

คำตอบ (1)


arrow_upward
1
arrow_downward

เพิ่ม mapline ในชุด

 {
  type: 'mapline',
  name: 'Lines',
  color: 'green',
  data: [{
    name: 'line',
    path: 'M 5900 -7860 L 9230 -8090', /*first pair(5900 -7860) is point for Wisconsin and second(9230 -8090) is for London */
    lineWidth: 3
  }]
}

ซอลิงก์

person Deep 3015    schedule 17.02.2017
comment
คุณพบตัวเลขเหล่านี้ 5900 และ -7860 ได้อย่างไร ฉันสามารถทำงานโดยไม่มี เส้นทาง ในข้อมูลได้หรือไม่ ตามหลักการแล้ว ฉันต้องการให้ข้อมูลแผนที่ทำงานกับ lat/lon หรือชื่อเมือง เช่น วิสคอนซินและลอนดอน ในชุดข้อมูลของฉัน ฉันไม่มีตัวเลขเหล่านี้ 5900 และ -7860 และฉันไม่ต้องการเรียกใช้ฟังก์ชันจาวาสคริปต์ใดๆ เพื่อรับตัวเลขเหล่านี้ เนื่องจากฉันกำลังเรียงลำดับข้อมูลของฉันจาก Python และใช้กับ Highcharts - person Akshar Raaj; 18.02.2017
comment
การแก้ไข ยูทิลิตี้เอกสาร highmap -- ซอ ฉันสามารถรับค่า y และ x ได้ คุณต้องบันทึกค่านี้ลงใน db เนื่องจากคุณกำลังบันทึกค่า lat และ lon - person Deep 3015; 18.02.2017