解决div太大，取区域地图时遇到显示效果偏小，放大地图级别又会导致区域地图大小填满div大小

ゝ一纸荒年。 2024-04-17 05:38 14阅读 0赞

设置地图级别为13时效果：区域显示太小

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70][]

设置地图级别为14时效果：会遮挡部分地方

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70 1][]

解决方式：使用div局部放大效果    缩放属性 transform:scale(a);     0<a<1 缩小         1<a 放大

比如   <div style="transform:scale(0.65); "></div>     div縮小0.65倍

解决后效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/ebf0006c6cea45b6b404640af8727dc0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/5c5a3292160f465a8a0950607f86c801.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpdWp1Y2Fp_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/3a6b54fae6654b51af08f0b9c9971dd7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关解决div太大，取区域地图时遇到显示效果偏小，放大地图级别又会导致区域地图大小填满div大小

置地图级别为13时效果：区域显示太小 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib...

ゝ一纸荒年。/ 2024年04月17日 05:38/ 0 赞/ 15 阅读

相关 leaflet: 地图上叠加日夜区域（126）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第126个 [点击查看专栏目录][Link 1]

r囧r小猫/ 2024年03月24日 06:12/ 0 赞/ 116 阅读

相关 Echarts自定义地图显示区域，可以显示公园，小区，学校等区域

目录一、实现功能: 二、需要使用的工具: 三、步骤: 1. 在百度地图上，找到需要绘制echart区域的位置 2. 到 geojson.io, 绘制我们地图上

清疚/ 2023年10月12日 12:29/ 0 赞/ 74 阅读

相关高德地图 map遮挡其他区域只显示某个城市，加区域边界

效果展示 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

比眉伴天荒/ 2023年02月21日 11:40/ 0 赞/ 88 阅读

相关 echarts 地图自定义区域

参考 [这位大佬感谢][Link 1] https://blog.csdn.net/sinat\_41904410/article/details/115697802?

客官°小女子只卖身不卖艺/ 2023年01月16日 02:47/ 0 赞/ 195 阅读

相关苹果地图定位和显示区域

// // ViewController.m // mapdemo001 // // Created by apple on 14

￡神魔★判官ぃ/ 2022年10月02日 14:53/ 0 赞/ 259 阅读

相关高德地图api显示标记点及封闭区域

直接上代码 -------------------- 先编写一个取经纬度页面(该页面使用的是百度地图坐标转高德地图坐标)，将得到的经纬度存到

曾经终败给现在/ 2022年09月10日 06:26/ 0 赞/ 592 阅读

相关 uniapp 区域地图

<template> <view class="map-content"> <view class="map" id="map"></view>

刺骨的言语ヽ痛彻心扉/ 2022年09月02日 12:54/ 0 赞/ 417 阅读

相关地图涟漪效果

1.下载插件echarts.js 插件但是china.js echarts 公司不提供下载了，我保存的有下载链接链接：https://pan.baidu.com/s/1aVK

淡淡的烟草味﹌/ 2021年11月09日 01:01/ 0 赞/ 392 阅读

相关 ArcGIS API For JavaScript - 地图组件，地图放大缩小与平移效果

一. 项目中引入需要的js文件，css样式文件 arcgis的js文件及css样式文下载地址： [https://download.csdn.net/download/J

灰太狼/ 2021年07月25日 12:58/ 0 赞/ 663 阅读