请教网页平面图技术。效果——http://map.18show.cn/?Mapid=1

本文探讨了特定网站中展示的平面展会图效果实现方式。作者请求了解该效果所采用的技术及地图接口,并寻求相关示例。
请教网页效果-http://www.18show.cn/virtualplace.html

http://www.18show.cn/virtualplace.html

这个网页的这个平面展会图的效果是什么做出来的...
谁能给我个框架或者例子吗?
谢谢了...

问题补充:

http://map.18show.cn/?Mapid=1

具体效果就这个网址上显示的。
谁能告诉我这是用什么技术实现的,用的是什么地图接口。
如果能给我个例子,那就太感谢了。
00202/HiDATA_ContentAware: mForegroundAppPackageName: com.ss.android.ugc.aweme, score: 0 WindowManager: Check opening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=false startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitC ... ening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=false startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitCombine=false shouldWaitBackground=false displayId=0 Hicom_PolicyCenter: handleForegroundAppChanged. curPkgName: com.ss.android.ugc.aweme, lastPkgName: com.huawei.android.launcher, curPkgUid: 10286, lastPkgUid: 10123 Hicom_MpFlow: com.ss.android.ugc.aweme mpflow bondpolicy: 3 FoldScreen_RebootApp: in getMapIdString MapId is 0_com.ss.android.ugc.aweme_false FoldScreen_RebootApp: create new Status, mapKey is 0_com.ss.android.ugc.aweme_false ScenarioService: refresh visibleApp:[com.ss.android.ugc.aweme, com.huawei.android.launcher] 00202/HiData_HwAppQoeResourceManagerImpl: checkIsMonitorGameScenes input :com.ss.android.ugc.aweme 00202/DevicePipeController: Foreground package name: com.ss.android.ugc.aweme uid:10286 00202/HiDATA: APP type: 36 appName= com.ss.android.ugc.aweme 00202/HiDATA: no game, APP_TYPE_GAME, appName =com.ss.android.ugc.aweme MultiStagesCaptureManager: onAppSwitch fromPkg: com.huawei.android.launcher, toPkg: com.ss.android.ugc.aweme DE J DES: [effect] AppSwitchCallBack toUid:10286,topkg:com.ss.android.ugc.aweme ScenarioService: app run front pkg: com.ss.android.ugc.aweme AppsUsage: scnOff: false FgAPP: com.ss.android.ugc.aweme BgAPP: com.huawei.android.launcher HiBeckonService: current package: com.ss.android.ugc.aweme; appType is:36 ScenarioService: app focus change from: com.huawei.android.launcher to:com.ss.android.ugc.aweme Hicom_Monitor: notifyAppStarted: uid=10286, pkgName=com.ss.android.ugc.aweme UctpAppMonitor: handleAppStarted: pkgName is com.ss.android.ugc.aweme mIsNeedToOpen is false HiBeckonService: current package: com.ss.android.ugc.aweme; isShieldScenes=false Layer : Splash Screen com.ss.android.ugc.aweme#23959: created WindowManager: Check opening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=false startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitC ... ening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=false startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitCombine=false shouldWaitBackground=false displayId=0 PG_ash : com.ss.android.ugc.aweme become visible PG_ash : Visible app changed pkg : com.ss.android.ugc.aweme, visible: true PG_ash : com.ss.android.ugc.aweme should refresh native pids, reason: visible PG_ash : running package: com.ss.android.ugc.aweme, visible: true PGServer: report state:10009 event type:1 pid:0 uid:0 pkg:com.ss.android.ugc.aweme to pid: 2628 PGServer: report state:10009 event type:1 pid:0 uid:0 pkg:com.ss.android.ugc.aweme to pid: 1822 PGServer: report state:10009 event type:1 pid:0 uid:0 pkg:com.ss.android.ugc.aweme to pid: 2676 SceneReceiver: state type: 10009 eventType:1 pid:0 uid:0 pkg:com.ss.android.ugc.aweme PG_ash : front pkg : com.ss.android.ugc.aweme PG_ash : Visible app changed pkg : com.ss.android.ugc.aweme, visible: true PG_ash : process again app : com.ss.android.ugc.aweme visible : true PG_ash : com.ss.android.ugc.aweme should refresh native pids, reason: visible PG_ash : running package: com.ss.android.ugc.aweme, visible: true ThermalTraceService: code:1, appInfo:com.ss.android.ugc.aweme#10009, levelInfo:29,chg_lev_screenoff,7#22,low_temp_lev,4#22,audio_lev,2#22,wlchg_lev,6#22,net_lev,1#22,soc_lev,2#22,global_lev,3#22,highloadchg_lev,2#22,chg_lev,7#22,media_lev,2#22,highload_lev,1 HwAppAssistantUtils: com.ss.android.ugc.aweme, isInGameSpace: false, isBuoyApp: false HwGameAssistantController: notifyBuoyAppSwitch other switch: com.ss.android.ugc.aweme DE J DES: [effect] Pg pkg:com.ss.android.ugc.aweme HwAppAssistantUtils: com.ss.android.ugc.aweme, isInGameSpace: false, isSupportBuoy: false CapsuleManager: onAppSwitch package=com.ss.android.ugc.aweme, current=com.huawei.android.launcher ActivityTaskManager: do not allow hiding recent tasks, task id: 1182 , package = com.ss.android.ugc.aweme SWAP_AK : FG com.ss.android.ugc.aweme 36 C M [] awei.phoneservice, com.xingin.xhs, com.unionpay, com.huawei.health, com.huawei.camera, com.tencent.mm, com.xunmeng.pinduoduo, com.android.settings, com.ss.android.yumme.video, com.huawei.himovie.local, com.huawei.photos, com.ss.android.ugc.aweme] rganizer: android.window.ITaskOrganizer$Stub$Proxy@efd82f0mDeferTaskAppear: falsemCreatedByOrganizer: falsemSurfaceControl: Surface(name=Task=1182)/@0x896f9ddhasbeenVis: truetask: Task{657e952 #1182 type=standard A=10286:com.ss.android.ugc.aweme U=0 visible=true mode=fullscreen translucent=false sz=1} WindowManager: performShow transition not clear for Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} displayid: 0 rganizer: android.window.ITaskOrganizer$Stub$Proxy@efd82f0mDeferTaskAppear: falsemCreatedByOrganizer: falsemSurfaceControl: Surface(name=Task=1182)/@0x896f9ddhasbeenVis: truetask: Task{657e952 #1182 type=standard A=10286:com.ss.android.ugc.aweme U=0 visible=true mode=fullscreen translucent=false sz=1} WindowManager: Check opening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=true startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitCo ... pening app=ActivityRecord{e1b19b4 u0 com.ss.android.ugc.aweme/.splash.SplashActivity t1182}: allDrawn=false startingDisplayed=true startingMoved=false isRelaunching()=false mStartingWindow=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} isOneStepWindowChanging=falseisOpenCombinationSplitScreen=false shouldWaitCombine=false shouldWaitBackground=false displayId=0 Hicom_UXDecisionSystem: isAPPCanEnableMP, not allowed when user setting off, app: com.ss.android.ugc.aweme 00400/HwLocationManagerService: on transact ADD_LOCATION_MODE uid is 10286 , 0 , com.ss.android.ugc.aweme BufferStateLayer: setBuffer: Splash Screen com.ss.android.ugc.aweme#23959: first buffer comes. StatusBarDisable: setFlags what=0 which=1 pkg=Window{261385a u0 Splash Screen com.ss.android.ugc.aweme} Hicom_MpFlow: com.ss.android.ugc.aweme mpflow bondpolicy: 3 0, requestedVisible:false, getLeash:Surface(name=Surface(name=6ca509a StatusBar)/@0xf6195b5 - animation-leash of insets_animation)/@0x1bf9844, needAnimation:true, mIsAnimationPending:false, getRootViewTitle:Splash Screen com.ss.android.ugc.aweme insetsHint:Insets{left=0, top=121, right=0, bottom=0} ScenarioService: app is visible from system: com.ss.android.ugc.aweme ,visible: true Layer : setFlags: Splash Screen com.ss.android.ugc.aweme#23959 show BufferLayer: preparePerFrameCompositionState: Splash Screen com.ss.android.ugc.aweme#23959: first buffer updated to LayerFE. frame=1 ActivityThread: current process name: com.ss.android.ugc.aweme no need to clamp Capacity HwApiCacheMangerEx: apicache path=/storage/emulated/0 state=mounted key=com.ss.android.ugc.aweme#10286#256 HwApiCacheMangerEx: apicache path=/storage/emulated/0 state=mounted key=com.ss.android.ugc.aweme#10286#0 ActivityTaskManager: do not allow hiding recent tasks, task id: 1182 , package = com.ss.android.ugc.aweme ScenarioService: refresh visibleApp:[com.ss.android.ugc.aweme] ScenarioService: multiScreenVisibleApps: 0:com.ss.android.ugc.aweme:10286 PGServer: report state:15 event type:1 pid:-1 uid:-1 pkg:0:com.ss.android.ugc.aweme:10286 to pid: 2676 PF_API_JNI: ACCKIT_APS_NotifyInfo 3: com.ss.android.ugc.aweme libdisplayservice: record aps notify 3: com.ss.android.ugc.aweme System.out: ApplicationExitInfo(timestamp=2025/10/10 下午8:41 pid=30157 realUid=10286 packageUid=10286 definingUid=10286 user=0 process=com.ss.android.ugc.aweme reason=10 (USER REQUESTED) subreason=0 (UNKNOWN) status=0 importance=400 pss=1.1GB rss=1.4GB description=stop com.ss.android.ugc.aweme due to from pid 1822 iAwareF[SystemManager] 105ms state=71 bytes trace=null timestamp=2025-10-10 20:41:40.250 下午8:41 pid=30157 realUid=10286 packageUid=10286 definingUid=10286 user=0 process=com.ss.android.ugc.aweme reason=10 (USER REQUESTED) subreason=0 (UNKNOWN) status=0 importance=400 pss=1.1GB rss=1.4GB description=stop com.ss.android.ugc.aweme due to from pid 1822 iAwareF[SystemManager] 105ms state=71 bytes trace=null timestamp=2025-10-10 20:41:40.250 ScenarioService: refresh visibleApp:[com.ss.android.ugc.aweme] ScenarioService: multiScreenVisibleApps: 0:com.ss.android.ugc.aweme:10286 PGServer: report state:15 event type:1 pid:-1 uid:-1 pkg:0:com.ss.android.ugc.aweme:10286 to pid: 2676 System.err: at com.GlobalProxyLancet.com_ss_android_ugc_aweme_lancet_ByteHookLancet_init(SourceFile:17039373) AwareBitmapCacher: init processName:com.ss.android.ugc.aweme pid=30160 uid=10286 DE N VideoEngine: IsAisrProcessorSupported:371: Failed to getEffectEx(DE_FEATURE_AISR, {DE_EFFECT_TYPE_ENABLE,com.ss.android.ugc.aweme},&status(.size()=1)) ret=-1 ContentProviderHelper: publishContentProviders app: ProcessRecord{f548997 30160:com.ss.android.ugc.aweme/u0a286}, providers.size: 55 droid.ugc.awem: OpenDexFilesFromOat: open oat file failed and fallback to load dex file from apk, package_name = com.ss.android.ugc.aweme version_code = 360201 context = 0x6fe169e8b0 class_loader = dalvik.system.PathClassLoader/0x6ff5404790(/data/app/~~YSkm3fDj5Ufy4_5YAN9hBA==/com.ss.android.ugc.aweme-nlN0I5I7pa3tnq6qfvQf2A==/base.apk/0x6f8376e980:+!classes2.dex/0x6f8376ea40:+!classes3.dex/0x6f83 ... and fallback to load dex file from apk, package_name = com.ss.android.ugc.aweme version_code = 360201 context = 0x6fe169e8b0 class_loader = dalvik.system.PathClassLoader/0x6ff5404790(/data/app/~~YSkm3fDj5Ufy4_5YAN9hBA==/com.ss.android.ugc.aweme-nlN0I5I7pa3tnq6qfvQf2A==/base.apk/0x6f8376e980:+!classes2.dex/0x6f8376ea40:+!classes3.dex/0x6f8376eb00:+!classes4.dex/0x6f8376ebc0:+!classes5.dex/0x6f8376ec80:+!classes6.dex/0x6f8376ed40:+!classes7.dex/0x6f8376ee00:+!classes8.d 0x6f83780fc0:+!classes53.dex/0x6f83781080:+!classes54.dex/0x6f83781140:+!classes55.dex/0x6f83781200:+!classes56.dex/0x6f837812c0);java.lang.BootClassLoader/0x6ff5403370 class_loader_status = 0 dex_location = /data/user/0/com.ss.android.ugc.aweme/files/webview_bytedance/48078d13f46203dbef695c06d5eb7f2f_md5/classes.dex dex_location_writable = 1 oat_file_exists = 0 is_compressed_dex = 0 is_jank_perceptible = 0 is_process_on_top = 1 is_main_thread = 0 fallback_time = 42500 这个是手机的日志,哪行日志信息跟抖音视频加载慢有关
最新发布
10-12
reset() { // 1. 强制停止所有状态 console.log('停止所有状态'); this.isPlaying = false; this.isPaused = false; this.currentIndex = 0; // 2. 清除所有动画 if (this.animationTimer) { console.log('清除动画定时器'); clearTimeout(this.animationTimer); this.animationTimer = null; } // 3. 检查数据有效性 if (!this.coordinate || this.coordinate.length === 0) { console.warn('无有效坐标数据'); return; } const startPoint = this.coordinate[0]; console.log('起始点坐标:', startPoint); // 4. 双重更新策略(关键修改) this.$set(this.covers, 0, { ...this.covers[0], latitude: startPoint.latitude, longitude: startPoint.longitude, rotate: 0, }); console.log('更新 covers 数组中的位置:', this.covers); this.covers = [{ id: 1, latitude: startPoint.latitude, longitude: startPoint.longitude, // #ifdef MP-WEIXIN width: 20, height: 20, rotate: 0, iconPath: '../../static/cheche.png', // #endif // #ifdef APP-PLUS width: 5, height: 5, rotate: 0, iconPath: '../../static/chechex3.png', // #endif anchor: { x: 0.55, y: 0.55, }, }]; console.log('更新后的 covers:', this.covers); // 5. 强制地图刷新(多平台兼容) this.$nextTick(() => { console.log('触发 nextTick,准备更新地图'); if (!this.map) { console.log('创建 map 实例'); this.map = uni.createMapContext('map', this); } // 方法2:标记位置更新(微信小程序必需) console.log('调用 translateMarker 更新标记位置'); this.map.translateMarker({ markerId: 1, destination: { latitude: startPoint.latitude, longitude: startPoint.longitude }, rotate: 0, duration: 50, }); }); // 微信小程序特殊处理(关键) // #ifdef MP-WEIXIN setTimeout(() => { if (this.map.updateComponents) { console.log('调用 updateComponents 强制刷新地图'); this.map.updateComponents(); } this.map.updateComponents && this.map.updateComponents(); console.log('微信地图强制刷新111111'); }, 500); // #endif }
07-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值