現(xiàn)在默認(rèn)顯示的是成都市,每個(gè)點(diǎn)代表一輛車在動(dòng);如圖
但是當(dāng)我切換城市的時(shí)候,會(huì)有之前城市的車子的殘影留在地圖上
如圖
我紅色箭頭標(biāo)記的代表的是深圳市的車輛,其他的那些點(diǎn)點(diǎn)都是上個(gè)城市的車輛殘影,這個(gè)要怎么解決?在切換城市的時(shí)候沒(méi)有這個(gè)殘留的影子;### 問(wèn)題描述
這是切換城市的代碼
$(".box li").on('click', function () {
var val = $(this).text();
var cs = $(this).find('a').attr('class');
city=cs;
bigdata.zkAjax();
mapEcharts.clear();
bigdata.mapAjax();
$(".citys").text(val);
// $(".box").hide();
})
用的是echarts控件,用了clear()方法,還是會(huì)出現(xiàn)這種斑點(diǎn),就是上個(gè)城市的數(shù)據(jù)沒(méi)有被清除掉,然后遺留下來(lái)的,急急急?。?!
代碼如下,
var data = data.result.map(function (v) {
return v.points;
})
var hStep = 300 / (data.length - 1);
var busLines = [].concat.apply([], data.map(function (busLine, idx) {
var prevPt;
var points = [];
for (var i = 0; i < busLine.length; i += 2) {
// busLine[i] 所展示的是每一輛車的經(jīng)緯度
var pt = [busLine[i], busLine[i + 1]];
// pt 是一個(gè)經(jīng)緯度的數(shù)組 就是把這輛車每移動(dòng)的一個(gè)經(jīng)緯度添加為一個(gè)數(shù)組
if (i > 0 && i < busLine.length) {
pt = [
prevPt[0] + pt[0],
prevPt[1] + pt[1]
];
}
prevPt = pt;
points.push([pt[0] / 1e6, pt[1] / 1e6]);
}
return {
coords: points,
lineStyle: {
normal: {
color: echarts.color.modifyHSL('#5A94DF', Math.round(hStep * idx))
}
}
};
}));
var jwds=[];
var ds=busLines.forEach(function(v) {
var obj={
jd:v.coords[0][0],
wd:v.coords[0][1],
}
jwds.push(obj);
})
var startPoint = {
x: jwds[0].jd,
y: jwds[0].wd
};
// console.log(data);
mapEcharts.setOption(option = {
bmap: {
center: [startPoint.x,startPoint.y],
zoom: 12,
// centerAndZoom:("深圳",17),
roam: true,
mapStyle: {
'styleJson': [{
'featureType': 'water',
'elementType': 'all',
'stylers': {
'color': '#031628'
}
},
{
'featureType': 'land',
'elementType': 'geometry',
'stylers': {
'color': '#000102'
}
},
{
'featureType': 'highway',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
},
{
'featureType': 'arterial',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
},
{
'featureType': 'arterial',
'elementType': 'geometry.stroke',
'stylers': {
'color': '#0b3d51'
}
},
{
'featureType': 'local',
'elementType': 'geometry',
'stylers': {
'color': '#000000'
}
},
{
'featureType': 'railway',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
},
{
'featureType': 'railway',
'elementType': 'geometry.stroke',
'stylers': {
'color': '#08304b'
}
},
{
'featureType': 'subway',
'elementType': 'geometry',
'stylers': {
'lightness': -70
}
},
{
'featureType': 'building',
'elementType': 'geometry.fill',
'stylers': {
'color': '#000000'
}
},
{
'featureType': 'all',
'elementType': 'labels.text.fill',
'stylers': {
'color': '#857f7f'
}
},
{
'featureType': 'all',
'elementType': 'labels.text.stroke',
'stylers': {
'color': '#000000'
}
},
{
'featureType': 'building',
'elementType': 'geometry',
'stylers': {
'color': '#022338'
}
},
{
'featureType': 'green',
'elementType': 'geometry',
'stylers': {
'color': '#062032'
}
},
{
'featureType': 'boundary',
'elementType': 'all',
'stylers': {
'color': '#465b6c'
}
},
{
'featureType': 'manmade',
'elementType': 'all',
'stylers': {
'color': '#022338'
}
},
{
'featureType': 'label',
'elementType': 'all',
'stylers': {
'visibility': 'off'
}
}
]
}
},
series: [{
type: 'lines',
coordinateSystem: 'bmap',
polyline: true,
data: busLines,
silent: true,
lineStyle: {
normal: {
// color: '#c23531',
// color: 'rgb(200, 35, 45)',
opacity: 0.2,
width: 1
}
},
progressiveThreshold: 500,
progressive: 200
}, {
type: 'lines',
coordinateSystem: 'bmap',
polyline: true,
data: busLines,
lineStyle: {
normal: {
width: 0
}
},
effect: {
constantSpeed: 20,
show: true,
trailLength: 0.1,
symbolSize: 1.5
},
zlevel: 1
}]
},true);
// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
如果實(shí)在找不到好的方法可以先銷毀再初始化。
$(".box li").on('click', function () {
var val = $(this).text();
var cs = $(this).find('a').attr('class');
city=cs;
mapEcharts.dispose();
mapEcharts = echarts.init(dom);
bigdata.zkAjax();
bigdata.mapAjax();
$(".citys").text(val);
// $(".box").hide();
})
另外切換的時(shí)候會(huì)出現(xiàn)下面這種情況
偶發(fā)的bug,切換到成都的時(shí)候出現(xiàn)概率較大
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。