国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp小程序地圖監(jiān)聽(tīng)縮放層級(jí)

這篇具有很好參考價(jià)值的文章主要介紹了uniapp小程序地圖監(jiān)聽(tīng)縮放層級(jí)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

????????功能需求是在地圖上添加makers,但是就算縮放成最大層級(jí),地圖上還是會(huì)有那么一坨圖標(biāo),看起來(lái)就很丑。。。

? ? ? ? 在官方看了文檔只有監(jiān)聽(tīng)地圖視野移動(dòng)的

uniapp監(jiān)聽(tīng)地圖縮放,uni-app,微信小程序

?只用拖動(dòng)地圖時(shí)才會(huì)觸發(fā)。我也沒(méi)找到官方能監(jiān)聽(tīng)地圖縮放的api所以只能用一個(gè)蠢方法去實(shí)現(xiàn)了。

首先獲取地圖對(duì)象的上下文,然后在data里復(fù)制。寫(xiě)一個(gè)定時(shí)器每500毫秒觸發(fā)一次。地圖對(duì)象有個(gè)getScale方法可以獲取當(dāng)前層級(jí)。

let _this=this
?? ??? ??? ??? ?let mapContext = uni.createMapContext("map", this);
?? ??? ??? ??? ?this.timer=setInterval(function(){
?? ??? ??? ??? ??? ?let scale= mapContext.getScale({
?? ??? ??? ??? ??? ??? ?success(res) {
?? ??? ??? ??? ??? ??? ??? ?_this.zoom=res.scale
?? ??? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?})
?? ??? ??? ??? ??? ?
?? ??? ??? ??? ?},500)

????????????????????????????????

之后在watch里監(jiān)聽(tīng)這個(gè)zoom層級(jí),然后聲明一個(gè)值作為makers是否顯示的判斷,比如我寫(xiě)的是地圖放大到16以上才會(huì)顯示?

	watch:{
			zoom(newVal,oldVal){
				let i=this.showMakerZoom //這是我在data里聲明的縮放層級(jí)  這個(gè)i理解成16就行
				if(newVal>=i&&oldVal<i){
						this.addMakers()  //如果新的縮放層級(jí)大于16并且舊的縮放層級(jí)小于16就觸發(fā)這個(gè)添加icon的方法
				}else if(newVal<i&&oldVal>=i){
					this.removerMakers() //如果新的縮放層級(jí)小于16并且舊的大于16就觸發(fā)刪除icon的方法
				}
			}
		},

對(duì)了還有個(gè)微信小程序的不知道是bug還是官方故意留的。uniapp監(jiān)聽(tīng)地圖縮放,uni-app,微信小程序

?在微信開(kāi)發(fā)工具上如果刪除已經(jīng)添加的maker會(huì)變成這樣,uniapp監(jiān)聽(tīng)地圖縮放,uni-app,微信小程序

?正常放大添加 是沒(méi)有問(wèn)題的。 然后在真機(jī)上也是沒(méi)有問(wèn)題的


如果有更好的解決方法歡迎私信文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-640358.html

到了這里,關(guān)于uniapp小程序地圖監(jiān)聽(tīng)縮放層級(jí)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • uni-app微信小程序多種分享事件監(jiān)聽(tīng)并帶參數(shù)

    監(jiān)聽(tīng)用戶(hù)點(diǎn)擊右上角菜單的「復(fù)制鏈接」按鈕時(shí)觸發(fā)的事件。 *query:字符串string類(lèi)型 ‘a(chǎn)=1b=2’ *

    2024年02月15日
    瀏覽(30)
  • 關(guān)于uni-app微信小程序監(jiān)聽(tīng)頂部左上角的返回事件

    關(guān)于uni-app微信小程序監(jiān)聽(tīng)頂部左上角的返回事件

    在項(xiàng)目上返回上一級(jí)的時(shí)候需要清空vuex里的數(shù)據(jù),使用了onBackPress無(wú)效。 查看官方文檔后才發(fā)現(xiàn)onBackPress對(duì)微信小程序無(wú)效。? 然后我發(fā)現(xiàn)了另一個(gè)生命周期——onUnload 完美解決?。?!

    2024年02月08日
    瀏覽(27)
  • uni-app微信小程序結(jié)合騰訊地圖獲取定位導(dǎo)航以及城市選擇器

    uni-app微信小程序結(jié)合騰訊地圖獲取定位導(dǎo)航以及城市選擇器

    目錄 第一步:登錄小程序公眾平臺(tái)==設(shè)置==第三方設(shè)置 ?第二步:登錄騰訊地圖申請(qǐng)屬于自己小程序的key ?第三步:找到騰訊地圖的插件??????? ?第四步:添加插件與允許授權(quán) ?第五步:使用 ? ?騰訊地圖后臺(tái):https://lbs.qq.com/dev/console/application/mine ? ?添加key,授權(quán)使

    2023年04月12日
    瀏覽(107)
  • uni-app小程序?qū)崿F(xiàn)音頻播放,uniapp播放錄音,uniapp簡(jiǎn)單實(shí)現(xiàn)播放錄音

    uni-app小程序?qū)崿F(xiàn)音頻播放,uniapp播放錄音,uniapp簡(jiǎn)單實(shí)現(xiàn)播放錄音

    復(fù)制到.vue文件即可預(yù)覽效果 問(wèn)題 :開(kāi)發(fā)者工具中.onTimeUpdate方法可能會(huì)失效! 官方參考:https://uniapp.dcloud.net.cn/api/media/audio-context.html# 其他博客參考:https://blog.csdn.net/weixin_45328705/article/details/114091301 錄音實(shí)現(xiàn)參考 :https://blog.csdn.net/weixin_43992507/article/details/129857780

    2024年02月12日
    瀏覽(228)
  • uni-app開(kāi)發(fā)小程序中遇到的map地圖的點(diǎn)聚合以及polygon劃分區(qū)域問(wèn)題

    uni-app開(kāi)發(fā)小程序中遇到的map地圖的點(diǎn)聚合以及polygon劃分區(qū)域問(wèn)題

    寫(xiě)一篇文章來(lái)記錄以下我在開(kāi)發(fā)小程序地圖過(guò)程中遇到的兩個(gè)小坑吧,一個(gè)是點(diǎn)聚合,用的是joinCluster這個(gè)指令,另一個(gè)是polygon在地圖上劃分多邊形的問(wèn)題: 1.首先說(shuō)一下點(diǎn)聚合問(wèn)題,由于之前沒(méi)有做過(guò)小程序地圖問(wèn)題,所以瀏覽了很多資料,最終發(fā)現(xiàn)看的多了反而雜亂,而

    2024年02月11日
    瀏覽(89)
  • uni-app監(jiān)聽(tīng)頁(yè)面滾動(dòng)

    在uni-app中可以通過(guò)監(jiān)聽(tīng)頁(yè)面滾動(dòng)事件來(lái)實(shí)現(xiàn)滾動(dòng)效果或響應(yīng)滾動(dòng)事件 在需要監(jiān)聽(tīng)滾動(dòng)的頁(yè)面或組件中,添加一個(gè) scroll 元素,用于容納內(nèi)容并實(shí)現(xiàn)滾動(dòng)效果。 在頁(yè)面或組件的方法中添加對(duì)應(yīng)的滾動(dòng)事件處理函數(shù)。

    2024年02月07日
    瀏覽(101)
  • 【備忘錄】uni-app的地圖相關(guān)組件操作,uni-app接入騰訊地圖API的具體實(shí)現(xiàn)

    【備忘錄】uni-app的地圖相關(guān)組件操作,uni-app接入騰訊地圖API的具體實(shí)現(xiàn)

    官方幫助文檔:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 進(jìn)行一些簡(jiǎn)單的配置 Uniapp提供的位置相關(guān)的服務(wù): https://uniapp.dcloud.net.cn/api/location/location.html UniApp提供的地圖組件 https://uniapp.dcloud.net.cn/component/map.html 文檔針對(duì)微信小程序進(jìn)行設(shè)置,其他端使用這些組件還需要參

    2023年04月26日
    瀏覽(140)
  • uni-app:監(jiān)聽(tīng)數(shù)據(jù)變化(watch監(jiān)聽(tīng)、@input事件)

    方法一:文本框監(jiān)聽(tīng),使用 @input 事件 方法二:使用watch監(jiān)聽(tīng)屬性(很好解決了文本框中數(shù)據(jù)非手輸時(shí)監(jiān)聽(tīng)不到數(shù)據(jù)變化)

    2024年02月10日
    瀏覽(18)
  • uni-app: onBackPress() 監(jiān)聽(tīng)頁(yè)面返回 - 更新數(shù)據(jù)

    生命周期 - onBackPress() 監(jiān)聽(tīng)頁(yè)面返回 函數(shù)名 說(shuō)明 平臺(tái)差異說(shuō)明 onBackPress 監(jiān)聽(tīng)頁(yè)面返回 ,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示來(lái)源是左上角返回按鈕或 android 返回鍵;navigateBack表示來(lái)源是 uni.navigateBack ;詳細(xì)說(shuō)明及使用:onBackPress 詳解。支付寶小程序只有真機(jī)

    2024年02月11日
    瀏覽(22)
  • uni-app 封裝 websocket 并且監(jiān)聽(tīng)心跳機(jī)制

    新建 socket.js , 將以下代碼復(fù)制進(jìn)去 ,向外暴露。 在入口文件中 將 socketIO 掛載在 Vue 原型上 , 也可以按需引入置頂頁(yè)面 。 在需要用到webSocket的頁(yè)面中使用如下方法(可根據(jù)自身業(yè)務(wù)需求進(jìn)行整改) 離開(kāi)頁(yè)面,記得斷開(kāi)連接。

    2024年02月11日
    瀏覽(18)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包