uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效

uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效

开发环境 版本号 项目创建方式
Windows windows 10 HBuilderX
产品分类:uniapp/App

PC开发环境操作系统:Windows

PC开发环境操作系统版本号:windows 10

HBuilderX类型:正式

HBuilderX版本号:3.2.9

手机系统:Android

手机系统版本号:Android 11

手机机型:一加7pro

页面类型:vue

打包方式:离线

项目创建方式:HBuilderX

示例代码:

<template>  
    <view>  
        <view class="page-body">  
            <view class="page-section page-section-gap">  
                <map style="width: 100%; height: 100vh;" :latitude="latitude" :longitude="longitude" :markers="covers" :polyline="polyline" @tap='tap' scale="7">  
                </map>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    import jiankong from "@/static/biaodian.png"  
    export default {  
        data() {  
            return {  
                id:3,   
                title: 'map',  
                latitude:36.646385,  
                longitude:117.125244,                 
                covers: [  
                //北京  
                {  
                    longitude: 116.40,  
                    latitude: 39.90,      
                    // iconPath: jiankong,  
                    width: 100,  
                    height: 100,  
                    callout: {  
                        borderRadius: 10,  
                        padding: 10,  
                        bgColor: '#CDDFF3',  
                        color: '#f00',  
                        fontSize: 10,  
                        content: `北京市`  

                    }  
                },   
                //济南  
                {  
                    longitude: 117.117004,  
                    latitude: 36.650793,      
                    iconPath: jiankong,  
                    width: 10,  
                    height: 10,  
                    callout: {  
                        borderRadius: 10,  
                        padding: 10,  
                        bgColor: '#CDDFF3',  
                        color: '#f00',  
                        fontSize: 10,  
                        content: `济南市2`,  
                        display: 'ALWAYS', //'BYCLICK':点击显示; 'ALWAYS':常显  

                    }  
                },   
                ],  

            }  

        },  
        methods: {  
            tap(e) {  
                console.log(e.detail)  
            },  
        }  
    }  
</script>  

<style>  

</style>  

操作步骤: app端能不能控制标点大小和冒泡显示

预期结果: app端能正常显示标点大小和冒泡显示

实际结果: app端能不能控制标点大小和冒泡显示

bug描述: h5页面 app页面对应显示


更多关于uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 地图组件<map> 标点大小和display属性在app上无效,在h5上有效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


页面模板换成nvue就好了;

回到顶部