uniapp map上markers图标的大小设置

最新推荐文章于 2025-07-16 17:14:56 发布
原创 最新推荐文章于 2025-07-16 17:14:56 发布 · 2.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app

文章讲述了在小程序上通过markers设置图标大小的差异，以及在app上调整图片尺寸的需求。作者提问如何在uniapp小程序中使用高德地图并保持一致性，寻求相关经验分享。

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

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

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

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

uniapp中使用高德地图，进行marker标点，点信息展示，支持app端
liuwenjie_的博客
05-10 1万+
uniapp、uniapp使用高德地图，app开发，安卓开发使用地图、高德地图、renderJs、地图标点、地图点信息展示、数据交互
uniapp 地图组件（map）的使用总结
热门推荐
m0_56344602的博客
03-21 3万+
这段时间在开发uniapp的时候使用到map组件 总结一下本次在uniapp中使用map遇到的一些问题 文章分别是基础 定位图标获取自身经纬度 通过经纬度获取当时城市信息
uniapp map地图实现marker聚合点，并点击marker触发事件
weixin_44705979的博客
10-20 5174
【代码】uniapp map地图实现marker聚合点，并点击marker触发事件。
uniapp实现轨迹polyline和标记点markers最终实现效果
RemindingMe的博客
04-12 7165
uniapp使用map实现显示轨迹和自定义标记内容。
uniapp - Map地图组件属性示例
qq_39891453的博客
09-06 7059
uniapp - Map地图组件属性示例
uniapp苹果端map缩放时markers不会自适应
qq_48555398的博客
10-21 835
我们在uniapp中使用map组件时，markers在ios端缩小很大比例时会发现没有自适应，比如我们定位到北京，缩小很大比例后可能markers都到北冰洋了。 解决:我们只需在marker对象中加上以下代码方可解决。 anchor: { x: 0.5, y: 0.5 }
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
qq_66991255的博客
08-23 1757
uniapp 微信小程序 map marker图标不显示，点击图标进行切换，动态设置scale，ios图标不显示的处理，根据地图缩放层级展示不同数据
uniapp map地图 markers
最新发布
09-26
在Uniapp中，Map组件可用于实现地图相关功能，Markers标记是地图中常用的元素，用于在地图上标识特定位置。 ### 使用方法 1. **引入Map组件**：在页面的模板中引入Map组件，并设置其基本属性，如地图的中心位置、...
uniapp map组件的markers，polyline使用及问题
weixin_55532289的博客
11-24 5081
最近在做巡检任务功能，需要在安卓端记录当前巡检轨迹，以及原本的路线显示，由于是使用uniapp框架开发的，所以这里我使用的是uniapp里的map组件。 参考官方文档：https://uniapp.dcloud.io/component/map?id=map 注意：地图组件用于展示地图，而定位API只是获取坐标，请勿混淆两者。 一、获取当前位置: type:默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标，可用于 uni.openLocation 的坐标，app平台高德SDK仅支持返回gc
【记录4】uniapp Map地图组件 动态渲染markers
Merlin的博客
05-19 6870
使用map组件加载地图后，动态添加标记点 1. 首先在map标签绑定要标记的点 2. 在data里面定义point,地图加载一开始没有标记的画就为空数组 要是一开始需要标记就按以下格式填入数据 points:[{ id:1,//点击事件会调用此id,建议不同点设置不同id title:'兰州',//标记点的名称 latitude:36.061089,//纬度 longitude:103.834303,//经度 iconPath:'/static/ima
uni.createMapContext uniapp小程序 地图放大图标 动态切换图标
qq_47247479的博客
09-26 1875
uni.createMapContext uniapp小程序 地图放大图标 动态切换图标
解决uni-app map地图显示图标markers问题（初学记录）
m0_74265954的博客
05-14 2979
在uni-app中引入地图需要提前在腾讯地图或者高德地图申请API，网上有很多教程官网给出的效果：然而我按照官网的步骤写了之后只有地图没有图标没改之前的代码：（我这里的经纬度是从云端传过来的）
高德地图 自定义点标记(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 3874
<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-Map地图之打标点与使用
Libei123321的博客
11-05 1508
在uniapp开发中，会涉及到定位方面的需求，比如查询用户附近的门店，在餐饮与外卖应用中广泛存在，今天就来记录一下uniapp中map组件的使用与打标点。latitude/longitude为用户当前所在定位，用来标记用户当前地理位置，如图。scale为地图缩放比例，值越大地图越详细。markers为标点集合。
微信小程序-如何根据缩放屏幕大小自适应icon图标更改marker
Bartender_VA11的博客
11-26 3722
微信小程序如何根据用户的缩放屏幕来改变marker图标icon的大小，实现icon自适应屏幕缩放的效果
使用uniapp 原生＜map＞组件 问题汇总
ikedaelaiza的博客
01-12 2756
polyline中的点位若有连续重复点位时this.mapContext.translateMarker在移动到相应位置时会直接结束方法
uniapp小程序实现地图多个标记点
m0_61476911的博客
07-16 1449
uniapp小程序实现地图多个标记点,导航坐标导航
uniapp 使用map组件 动态自定义标记点图标及内容文字
明耀的博客
07-26 1万+
先看效果 地图中的标记点 可以动态变化自定义的图片与内容 原理 通过map组件中的 markers 属性 设置标记点 用于在地图上显示标记的位置 map组件所在uniapp官网位置：map-uni-app https://uniapp.dcloud.io/componen...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值