background

Today, we are making a home page for CCBN exhibition. The home page is developed according to the template of Guangdong Province before, and the data prepared for the exhibition is Fujian, so we need to change the Guangdong map on the home page into Fujian map. So I fell into the disgust of converting Guangdong map coordinates to Fujian map coordinates. Now that it's sorted out, we can share it with you and save your time.

Code

• Guangdong data

let GDGeoData = [{
    name: 'Guangzhou City',
    value: [113.53, 23.36]
}, {
    name: 'Foshan City',
    value: [112.98, 23.01]
}, {
    name: 'Dongguan City',
    value: [113.85, 23.01]
}, {
    name: 'zhongshan',
    value: [113.38, 22.52]
}, {
    name: 'Jiangmen City',
    value: [112.70, 22.21]
}, {
    name: 'Yangjiang City',
    value: [111.80, 21.95]
}, {
    name: 'Maoming City',
    value: [110.99, 21.88]
}, {
    name: 'Zhanjiang City',
    value: [110.14, 21.25]
}, {
    name: 'Zhuhai City',
    value: [113.34, 22.07]
}, {
    name: 'Shantou City',
    value: [116.59, 23.26]
}, {
    name: 'Shaoguan City',
    value: [113.60, 24.82]
}, {
    name: 'Zhaoqing City',
    value: [112.25, 23.49]
}, {
    name: 'Meizhou City',
    value: [116.13, 24.29]
}, {
    name: 'Huizhou City',
    value: [114.52, 23.12]
}, {
    name: 'Shanwei City',
    value: [115.46, 22.91]
}, {
    name: 'Heyuan City',
    value: [114.90, 23.95]
}, {
    name: 'Qingyuan City',
    value: [113.01, 24.11]
}, {
    name: 'Chaozhou City',
    value: [116.83, 23.66]
}, {
    name: 'Jieyang City',
    value: [116.01, 23.27]
}, {
    name: 'Yunfu City',
    value: [111.85, 22.82]
}, {
    name: 'Shenzhen City',
    value: [114.07, 22.62]
}];

• Fujian data

let FJGeoData = [{
    name: 'Fuzhou City',
    value: [119.31, 26.08]
}, {
    name: 'Xiamen City',
    value: [118.13, 24.59]
}, {
    name: 'Quanzhou City',
    value: [118.27, 25.08]
}, {
    name: 'Putian City',
    value: [119.01, 25.36]
}, {
    name: 'Zhangzhou City',
    value: [117.45, 24.22]
}, {
    name: 'Ningde City',
    value: [119.61, 26.93]
}, {
    name: 'Sanming City',
    value: [117.44, 26.27]
}, {
    name: 'Longyan City',
    value: [116.73, 25.27]
}, {
    name: 'Nanping City',
    value: [118.05, 27.29]
}];

Project results