定位信息echarts scatter配置项内容和展示
借鉴之作：https://gallery.echartsjs.com/editor.html?c=xqwyQW8IEk&v=1
配置项如下
var mydata = [
[116.4038471, 39.91552563],
[116.4034139, 39.92409137],
[116.016809, 40.36191063],
[116.278749, 40.00486904],
[117.2846321, 40.66104609],
[116.417246, 39.88824296],
[116.195044, 39.99619417],
[116.501366, 39.87384806],
[116.3925499, 39.94362650],
[116.343376, 39.94773508],
[116.309983, 40.01288408],
[116.395167, 39.93455556],
[116.342213, 39.50253110],
[116.423633, 39.95362806],
[116.398516, 40.02745298],
[116.4080163, 39.91146021],
[116.402818, 39.93227005],
[116.5716113, 40.43744204],
[115.606398, 39.64440307],
[116.3922956, 39.94756492],
[116.409544, 39.94049207],
[116.2939941, 39.81677165],
[116.4890378, 39.94995460],
[116.231846, 40.26354405],
[116.3888941, 39.94847304],
[116.2161863, 40.00756107],
[116.3488218, 39.91217400],
[116.3475419, 39.95027727],
[116.6747846, 40.39927614],
[116.495801, 40.96604754],
[116.3262415, 40.70653031],
[116.1901956, 39.96852662],
[116.197275, 39.88191610],
[116.3302074, 39.91497575],
[116.0915879, 40.11288378],
[116.398981, 40.02176705],
[116.40393, 39.91328009],
[116.4755582, 39.77948202],
[116.389424, 39.95179004],
[116.404588, 39.90552406],
[116.0376202, 39.91122022],
[116.6340656, 40.38944441],
[116.359769, 39.84095705],
[116.4041612, 39.90889138],
[116.226294, 39.85599408],
[116.406116, 39.88952514],
[116.3265255, 39.92246669],
[116.3071674, 40.41928678],
[116.4213582, 39.95990303],
[116.748887, 39.88240008],
[116.28044, 40.00863106],
[116.3627356, 39.87717438],
[116.3884422, 39.88066028],
[116.299772, 40.27075502],
[116.2152908, 39.91773423],
[116.689259, 40.46787105],
[115.7813913, 39.61520825],
[116.4535875, 39.93403654],
[116.4202669, 39.95288000],
[116.379633, 39.90266006],
[116.0791594, 40.29697172],
[116.3134082, 39.92527777],
[116.3081142, 39.83500901],
[116.00825, 40.55793330],
[116.209339, 39.97842810],
[116.372885, 40.19209504],
[116.804828, 40.18741105],
[115.9069929, 40.53477616],
[116.4472391, 39.88456083],
[116.402294, 39.94707705],
[116.614759, 39.97158207],
[116.262167, 40.03608807],
[116.399697, 39.89891506],
[116.325818, 39.94806434],
[116.600477, 39.66487506],
[116.450437, 39.92134207],
[117.310896, 40.18734807],
[116.3278877, 39.91646641],
[117.2485101, 40.26879411],
[116.0034449, 40.35697238],
[116.628478, 40.32732502],
[116.350216, 39.90653506],
[116.044506, 40.34458201],
[116.0947859, 39.80283995],
[115.58066, 39.82965811],
[116.358494, 39.92237311],
[116.943603, 40.55039598],
[116.330962, 40.00685104],
[116.1247097, 39.87183933],
[116.716717, 40.58910004],
[116.232474, 39.85775411],
[116.032934, 40.07094304],
[116.563043, 40.01948607],
[116.3214379, 39.89811408],
[116.4077782, 39.92135674],
[115.975083, 39.70983810],
[116.540745, 40.01326145],
[116.400582, 39.91670230],
[116.2662412, 39.81607453],
[115.851844, 39.70214509],
[116.312857, 39.92490511],
[115.508615, 40.04592106],
[116.522572, 40.00363407],
[116.2873655, 40.00416341],
[116.0892653, 40.07618136],
[116.3910292, 39.90153311],
[115.9153585, 40.00956903],
[116.376484, 39.89050407],
[115.864188, 40.41667202],
[116.302269, 39.99242006],
[116.194186, 39.98550509],
[116.4037049, 39.92010863],
[117.292856, 40.66364899],
[116.2570195, 40.66654423],
[116.457698, 39.92225905],
[116.388028, 40.00877807],
[116.254886, 39.89115206],
[116.3221231, 40.01695248],
[116.392057, 40.05298706],
[116.4033363, 39.92868195],
[117.262714, 40.31939902],
[115.7557573, 39.66531004],
[116.197158, 40.24107803],
[116.3653275, 39.93151995],
[116.232567, 40.30031902],
[116.369972, 39.93062710],
[116.434463, 39.90722981],
[116.3935584, 39.89633220],
[115.9432407, 39.69359036],
[116.407414, 39.92882705],
[117.389303, 40.63998402],
[116.499257, 39.93202806],
[116.1837729, 39.88533802],
[116.1126818, 40.05838085],
[115.7241148, 39.95688951],
[116.7937368, 40.56935494],
[116.093023, 39.87657893],
[116.263123, 39.99216405],
[116.188155, 40.09877489],
[116.760289, 40.63979200],
[116.6199596, 40.44553649],
[115.591407, 39.64265713],
[116.409246, 39.98240307],
[116.471072, 39.93144505],
[116.694939, 39.91402409],
[116.232234, 39.85701205],
[116.3194871, 39.71130404],
[115.825543, 40.56528704],
[116.4040427, 39.91101206],
[116.443121, 39.69608709],
[116.4033358, 39.92557138],
[116.3922775, 39.91702257],
[116.292829, 39.81865205],
[116.405033, 39.92660173],
[115.9912154, 39.77658270],
[116.09216, 39.86663310],
[116.626028, 40.34567602],
[116.8765771, 40.24017288],
[116.1656438, 39.94700749],
[115.7375883, 39.84753208],
[115.949587, 39.80389211],
[116.192626, 40.10931006],
[116.2511678, 39.91198715],
[115.652513, 40.00102210],
[116.32847, 40.69134603],
[116.816552, 40.13014007],
[116.4003532, 39.92531263],
[116.398641, 39.88388710],
[116.698838, 40.17955506],
[116.086286, 40.06158410],
[116.104689, 40.13312802],
[116.1838717, 39.89565477],
[116.098111, 40.10905409],
[116.373977, 39.93072904],
[116.3406307, 39.94320955],
[116.2506485, 39.83125134],
[116.342213, 40.00764010],
[116.40631, 39.91790108],
[116.5324698, 39.91700244],
[116.403113, 39.93105105],
[116.507792, 39.99004307],
[116.414561, 39.92500208],
[115.7819635, 40.46910409],
[116.403161, 39.92760854],
[116.3525875, 39.90039299],
[116.5741227, 40.18477097],
[116.1134175, 40.33126157],
[116.28037, 40.00529909],
[116.3991314, 39.92139084],
[115.83208, 39.68001212],
[116.354036, 40.56540200],
[116.4032753, 39.92646907],
[116.6445403, 40.48763347],
[116.357344, 39.98753409],
[116.398063, 40.03383208],
[116.247951, 40.27944307],
[116.4288744, 39.92427155],
[116.4210255, 39.95317764],
[116.4183208, 39.92357089],
[116.4117551, 39.93107609]
]
var series = [{
name: '门店',
type: 'scatter',
coordinateSystem: 'geo',
symbolSize: 1,
roam: true,
itemStyle: {
normal: {
shadowBlur: 2,
shadowColor: 'rgba(14, 241, 242, 0.8)',
color: 'rgba(14, 241, 242, 0.8)'
}
},
data: mydata
},
{
name: '门店22',
type: 'scatter',
coordinateSystem: 'geo',
symbolSize: 1,
roam: true,
itemStyle: {
normal: {
shadowBlur: 2,
shadowColor: '#3398DB',
color: '#3398DB'
}
},
data: null
}];
var option = {
backgroundColor: '#404a59',
title: {
text: '定位信息',
left: 'center',
top: 'top',
textStyle: {
color: '#fff'
}
},
//tooltip : { trigger: 'item' },
legend: {
type: 'scroll',
orient: 'vertical',
left: 'left',
data: ['门店','门店22'],
textStyle: {
color: '#ccc'
}
},
geo: {
map: 'china',
roam: true,
label: {
emphasis: {
show: false
}
},
itemStyle: {
normal: {
areaColor: '#323c48',
borderColor: '#111'
},
emphasis: {
areaColor: '#2a333d'
}
}
},
series: series
};
截图如下
