vue-mapvgl图标在卫星图层不正常展示

使用vue-mapvgl设置icon图标只在标准的地图类型上显示正常，当切换至卫星地图上时则会随着地图移动而移动

正常显示：

<template>
    <div class="app-container" style="padding: 0;">
        <div class="map-box">
            <el-bmap 
                ref="map" 
                vid="bmapDemo" 
                :min-zoom="14" 
                :max-zoom="20" 
                :tilt="tilt" 
                :heading="heading" 
                :bmap-manager="bmapManager" 
                :center="center" 
                :zoom="zoom"
                :events="events" class="bmap-demo">
                <el-bmapv-view>
                    <el-bmapv-icon-layer :icon="icon" :width="width" :height="height" :data="deviceDate" :enable-picked="true" :zoomThreshold="thresholdList"></el-bmapv-icon-layer>
                </el-bmapv-view>
            </el-bmap>


</template>
<script>
import { BMapManager } from 'vue-bmap-gl';
import VueBMap from 'vue-bmap-gl';

let bmapManager = new VueBMap.BMapManager();

export default({
    name:"bigMap",
    components: {},
    data(){
        return{
            center:[121, 37],
            loaded:false,
            bmapManager,
            zoom: 14,
            center: [124.4673031945, 41.985339349],
            tilt: 60,
            heading: 0,
            icon: '@/assets/images/map/gnss.png',
            width: 24,
            height: 24,
            map: null,
            thresholdList:[{

            }],
            events: {
                init: (o) => {
                    this.map = o;
                    console.log(o.getCenter());
                    console.log(this.$refs.map.$$getInstance());
                },
                'moveend': () => {
                },
                'zoomchange': () => {
                },
                'click': (e) => {
                    alert('map clicked');
                }
            },
            deviceDate:[{
                geometry: {
                    type: 'Point',
                    coordinates: [124.4673031885,41.9853393455],
                },
                properties: {
                    icon: '@/assets/images/map/gnss.png'
                }
                },{
                geometry: {
                    type: 'Point',
                    coordinates: [124.4669295841,41.9859151068],
                },
                properties: {
                    icon: '@/assets/images/map/gnss.png'
                }
            }]
        }
    },
    methods:{
    }
})
</script>

[ 求解决当标记在卫星图层时正常显示]

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

5条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
threenewbee 2023-03-16 09:17
关注
看看图层的上下关系，以及图层是否正确加载了。

解决
无用 1
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue-seamless-scroll的数据显示不全 vue.js
2022-06-24 11:09

回答 2 已采纳打印这个homeAlarmInfoList，是不是被截取了，还是样式问题，挡住了
vue-element-admin模板的右上角图标怎么修改？ vue.js 前端前端框架
2021-10-19 08:32

回答 2 已采纳 src/layout/components/Navbar.vue
vue-video-player mov格式怎么播放 vue.js 前端
2022-07-25 19:10

回答 1 已采纳可以把视频格式转成你支持的啊
vue使用vue-mapvgl实现烟台市各区县行政区绘制、三维柱状图
2023-04-21 18:03

芭拉拉小魔仙的博客使用vue-mapvgl实现烟台行政区域绘制
使用vue-cropper遇到的问题 typescript vue.js 前端
2022-02-26 17:23

回答 1 已采纳 https://www.npmjs.com/package/vue-cropper
现在的vue-cli还需要在配置webpack吗 vue.js webpack 前端
2021-12-10 14:20

回答 2 已采纳具体根据需求配置。如果定制化需求不高内置的完全够用。有的项目就必须修够 webpack配置。比如打包后输出特定格式的文件。文件夹
用vue-video-player的时候运行报错 vue.js 前端
2022-05-31 14:19

回答 1 已采纳删除main.js中对vue-video-player的引入，在特定使用的页面单独引入，或者封装成组件或者看看是不是版本的关系，我这边用的下边的没有问题 npm i vue-video-player
Vue中引用百度地图并基于MapVGL实现3D地图效果，并绘制图层
2024-03-13 17:50

阿琰a_的博客 MapVGL的介绍：MapVGL，是一款基于WebGL的地理信息可视化库，可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。导入MapVGL库后，首先我们...
vue-pdf 在手机端ios上显示空白 javascript vue.js 有问必答
2021-05-27 09:42

回答 4 已采纳那可能是组件不被ios兼容换个pdf预览的组件把
前端vue-cli框架中引入外部css文件报错问题 vue.js 前端前端框架有问必答
2022-03-17 15:45

回答 3 已采纳这路径不对吧。不能使用绝对路径。需要把css放到项目里然后相对路径引入./assetss/css/style.css
vue3使用el-input图标巨大的问题 elementui vue.js 前端
2022-06-30 10:52

回答 2 已采纳审查元素看看。应该是有样式影响了。或者样式没引入进来
Vue基础知识总结 11：前端路由vue-router
2021-10-13 07:32

哪吒的博客 2、路由的机制 3、后端渲染 4、后端路由阶段 5、前后端分离 6、单页面富应用阶段 7、SPA页面 8、前端路由二、改变URL，但是页面不进行整体的刷新 1、URL的hash 2、HTML5的history 三、安装和使用vue-...
vue-video-player视频播放获取地址动态播放的问题 html5 vue.js 前端
2021-09-13 10:57

回答 4 已采纳你这样写有点问题首先，你说你在缓存中可以拿到相应的播放地址src那么请问，你的那个videoLists是定义在哪儿的呢？也是定义在return中吗？如果是，那么你这样写就不正确，return中的thi
vue-Amap怎么显示卫星图层
2021-08-11 13:20

生活的打工仔的博客一、加载卫星图层有两种方式 1、使用addControl给地图添加一个图层切换控制首先在 initAMapApiLoader里的plugin中要引入MapType插件 VueAMap.initAMapApiLoader({ key: '自己的key', plugin: [ "AMap....
vue基于Echarts、百度地图MapVGL实现可视化大屏数据展示
2023-09-05 14:10

芭拉拉小魔仙的博客可视化数据大屏布局 /echart自适应/echarts个性主题定制/vue百度地图/百度地图个性主题定制/vue-bmap-gl/可视化组件库/地图可视化工具推荐
没有解决我的问题, 去提问

码龄粉丝数原力等级 --

vue-mapvgl图标在卫星图层不正常展示

5条回答默认最新

码龄粉丝数原力等级 --

问题事件

码龄粉丝数原力等级 --

码龄粉丝数原力等级 --

悬赏问题

vue-mapvgl图标在卫星图层不正常展示

5条回答 默认 最新

问题事件

悬赏问题

5条回答默认最新