uniapp map上markers图标的大小设置

最新推荐文章于 2025-04-20 20:46:37 发布
最新推荐文章于 2025-04-20 20:46:37 发布
阅读量2.4k 收藏 2
点赞数 11
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DDZYW/article/details/134519006
版权

在小程序上，markers可以通过markers里的width和height（字符串、数字类型都可）设置图标大小。如：图片设置的是30

但是在app上，这两个设置了是不起效果的，只能去调整图片的大小，起初我的图片原本大小是40，但是在app上实在太小了，就把图片尺寸设置成了80，大小才差不多合适。如：

自己做个记录，免得以后会忘！！！！！

顺便结尾，我有个问题想向大家请教，就是现在uniapp 小程序如果要用高德的地图作为展示，要怎么做？虽然说api都是用的高德的，不会有地图不一样导致的经纬度差异，但是还是想问一下，怎样才能在小程序上也用高德地图作为展示呢？如果有哪位做过请留言一下，感谢！！！

uniapp中使用高德地图，进行marker标点，点信息展示，支持app端
liuwenjie_的博客
05-10 1万+
uniapp、uniapp使用高德地图，app开发，安卓开发使用地图、高德地图、renderJs、地图标点、地图点信息展示、数据交互
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
qq_66991255的博客
08-23 1359
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
解决uni-app map地图显示图标markers问题（初学记录）
m0_74265954的博客
05-14 2491
在uni-app中引入地图需要提前在腾讯地图或者高德地图申请API，网上有很多教程官网给出的效果：然而我按照官网的步骤写了之后只有地图没有图标没改之前的代码：（我这里的经纬度是从云端传过来的）
uni-app中map的使用
最新发布
x15514104477的博客
04-20 1655
这篇文章详细讲解了子啊uni-app中使用map地图的详细配置，以及注意事项和报错处理
uniapp 添加地图标记点
m0_51707053的博客
06-20 3854
uniapp 地图标注点
uniapp苹果端map缩放时markers不会自适应
qq_48555398的博客
10-21 747
我们在uniapp中使用map组件时，markers在ios端缩小很大比例时会发现没有自适应，比如我们定位到北京，缩小很大比例后可能markers都到北冰洋了。 解决:我们只需在marker对象中加上以下代码方可解决。 anchor: { x: 0.5, y: 0.5 }
uni.createMapContext uniapp小程序 地图放大图标 动态切换图标
qq_47247479的博客
09-26 1801
uni.createMapContext uniapp小程序 地图放大图标 动态切换图标
高德地图 自定义点标记(marker) 图标大小
sunlizhen的专栏
02-11 2万+
<!doctype html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport&quot
uniapp 小程序 地图中心点设置标注点(图片)
树上骑个猴的博客
11-19 3763
<map id="myMap" class="myMap" scale="{{scale}}" min-scale="8" longitude="{{longitude}}" latitude="{{latitude}}" show-location="true" bindregionchange="regionDidChange"> <!-- map content --> <cover-image class="manpCenter" src="/im.
uniapp地图手动控制地图scale
why404
11-16 1931
uniapp地图手动控制地图scale
微信小程序-如何根据缩放屏幕大小自适应icon图标更改marker
Bartender_VA11的博客
11-26 3364
微信小程序如何根据用户的缩放屏幕来改变marker图标icon的大小，实现icon自适应屏幕缩放的效果
使用uniapp 原生＜map＞组件 问题汇总
ikedaelaiza的博客
01-12 2489
polyline中的点位若有连续重复点位时this.mapContext.translateMarker在移动到相应位置时会直接结束方法
uniapp 使用map组件 动态自定义标记点图标及内容文字
明耀的博客
07-26 1万+
先看效果 地图中的标记点 可以动态变化自定义的图片与内容 原理 通过map组件中的 markers 属性 设置标记点 用于在地图上显示标记的位置 map组件所在uniapp官网位置：map-uni-app https://uniapp.dcloud.io/componen...
uniapp 地图组件（map）的使用总结
热门推荐
m0_56344602的博客
03-21 3万+
这段时间在开发uniapp的时候使用到map组件 总结一下本次在uniapp中使用map遇到的一些问题 文章分别是基础 定位图标获取自身经纬度 通过经纬度获取当时城市信息
uni-app：tabBar上文字及icon图片尺寸的修改
m0_66923502的博客
11-30 2053
uni-app：tabBar上文字及icon图片尺寸的修改
uniapp实现轨迹polyline和标记点markers最终实现效果
RemindingMe的博客
04-12 6775
uniapp使用map实现显示轨迹和自定义标记内容。
uniapp 之 将marker 渲染在地图上 点击弹层文字时显示当前信息
HQ\(^o^)/的博客
04-19 4376
而 mapList 里面的 stationId 为 字符串 类型 ，因此这要做个类型转换，若不转换的话，点击所有的 气泡，卡片上面的内容 是显示一样的。因为我这数据是用分页处理 若是 使用index，会有重复的id，会导致在缩放地图时 有些 marker 消失，this.getStationList() 这个请求先执行，后打印经纬度，这时请求里的经纬度 就为空，是我封装的组件， v-if=“tag” 默认不显示，当我点击气泡时出现的 卡片信息。，这个文件帮我们把用户的经纬度存储起来了，我们只需 取就行。
uniapp map组件自定义markers标记点
qq_44161722的博客
07-23 2566
需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制。
uniapp map组件的markers，polyline使用及问题
weixin_55532289的博客
11-24 4896
最近在做巡检任务功能，需要在安卓端记录当前巡检轨迹，以及原本的路线显示，由于是使用uniapp框架开发的，所以这里我使用的是uniapp里的map组件。 参考官方文档：https://uniapp.dcloud.io/component/map?id=map 注意：地图组件用于展示地图，而定位API只是获取坐标，请勿混淆两者。 一、获取当前位置: type:默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标，可用于 uni.openLocation 的坐标，app平台高德SDK仅支持返回gc
uniapp map markers标记点
08-31
2. 在map组件中设置markers属性为markers数组，以将数组中的点显示在地图上。 以下是一个示例代码片段，展示了如何在uniapp中使用map组件进行标记点： ``` <map style="width:750rpx; height:100vh;" scale="17...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值