亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

點擊某一個Marker,然后樣式更改。怎樣讓非點擊的Marker樣式回復原狀?

點擊某一個Marker,然后樣式更改。怎樣讓非點擊的Marker樣式回復原狀?

幕布斯6054654 2019-04-11 14:15:54
最近在搗鼓騰訊地圖,然后,產品經理要求——Marker的狀態有2種,選中和未選中。當我點擊其中一個標注的時候,樣式就更替的選中樣式,如果之前有選中的就恢復成未選中樣式。嘗試了幾種我所想的辦法,都不行;開發文檔上也沒有。特來求助各位,如果這能實現,該怎么實現?最好有代碼可以讓我參考一下~        const latlngs = [];     const test = [];     let datas;     if (this.allProjects) {       datas = this.allProjects;       for (let j = 0; j < this.allProjects.length; j++) {         latlngs.push(new qq.maps.LatLng(this.allProjects[j].maLat, this.allProjects[j].maLng));         test.push(new qq.maps.LatLng(this.allProjects[j].maLat, this.allProjects[j].maLng));       }     }     for (let i = 0; i < latlngs.length; i++) {       // 判斷,以便顯示不一樣的圖標       if (this.allProjects[i].hasParkingLot()) {         let marker = new qq.maps.Marker({           icon: noSelectedIcon,           position: latlngs[i],           map: this.map         });         qq.maps.event.addListener(marker, 'click', () => {           infoWin.open();           infoWin.setContent('<div style="text-align:center;white-space:' +               'nowrap;margin:10px;font-size:0.2rem;">這是' +               datas[i].maName + '</div>');           infoWin.setPosition(latlngs[i]);           this.map.panTo(latlngs[i]);  // 移動地圖中心           this.selectedProject = datas[i];           // debugger           this.markerSelect = marker;           marker.setIcon(selectedIcon);         });       }       }        就是這樣子,按照騰訊地圖給的API以及示例方法,我將坐標組里面的點都循環顯示出來,于是,         每一個點擊的marker都是點擊到的單個信息并不是好幾個含在其中。但是,每次一更改圖標設置marker.setIcon都是一次性修改全部,無語了。      這種怎么破解?
查看完整描述

5 回答

?
軒軒軒軒軒

TA貢獻1條經驗 獲得超0個贊

你說中國的這些技術論壇,有多少一樣的帖子?這應該就是技術發展不如別人的原因吧,提問是抄的,就連回答都是抄的?

查看完整回答
反對 回復 2021-04-15
?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

設置一個變量保存下來之前改變的marker的id和樣式,在點擊新marker的事件時讓舊的marker也改變


查看完整回答
反對 回復 2019-05-13
?
慕尼黑的夜晚無繁華

TA貢獻1864條經驗 獲得超6個贊

如果是點擊切換其他已經是選中的,你直接設置this.markerSelect記錄住的上一個marker setIcon還原就行了

查看完整回答
反對 回復 2019-05-13
  • 5 回答
  • 0 關注
  • 877 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號