博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【高德地图API】如何设置Icon的imageSize?
阅读量:7179 次
发布时间:2019-06-29

本文共 754 字,大约阅读时间需要 2 分钟。

在地图开发中,我们需要把标注换成各种各样的图片,以突显个性。

  

 

在高分辨率的手机下,图片尺寸需要压缩至一半,以保持图片清晰。让我们来看一看,应该如何实现。

 

有开发者为了改变图片的尺寸,直接写成了

imageSize: (64, 64)

或者

imageSize: "64px 64px"

 

是否有问题呢?

 

首先来看一下imageSize的类参考,看到类型是Size。

 

Size是高德API自定义的类型,并不是num。所以,直接写数字的做法是不对的。

 

那么正确的写法,应该是:

imageSize: new AMap.Size(64,64)

 

在高分辨率显示器上,应该把尺寸压缩一半。比如图片尺寸是128*128,那么imageSize需要把图片压缩一半,应为64*64。代码如下:

//添加点标记,并使用自己的icon    new AMap.Marker({        map: map,        position: [116.47395,39.986058],        icon: new AMap.Icon({                        image: "marker128.png",            size: new AMap.Size(128, 128),  //图标大小            imageSize: new AMap.Size(64,64)        })            });

 

demo地址:

 

全部示例代码:

    
自定义图标

 

转载于:https://www.cnblogs.com/milkmap/p/6133502.html

你可能感兴趣的文章
红黑树
查看>>
2018年10月小结(流水账) -- 1024程序员节快乐
查看>>
SpringBoot(八)配置logback日志
查看>>
单点登录 之 OAuth
查看>>
『流畅的Python』第15章:上下文管理器和else块
查看>>
windows环境下面批量新建文件夹
查看>>
MS CRM 2011 如何获得当前用户使用的界面语言
查看>>
敏捷个人俱乐部(北京)线下活动 开始报名了!
查看>>
IPMSG飞鸽传书——编译源代码的方法
查看>>
80后的我们
查看>>
C语言文件操作解析(四)
查看>>
Windows Azure Cloud Service (25) Windows Azure 新的增强功能
查看>>
MVC开发人员必须拥有的五大工具
查看>>
[New Portal]Windows Azure Virtual Machine (10) 自定义Windows Azure Virtual Machine模板
查看>>
在Web应用程序中执行计划任务(多线程)
查看>>
HDU 3999 The order of a Tree (先序遍历)
查看>>
一个对Entity Framework数据层的封装
查看>>
华为机试题——整数减法
查看>>
面试经典-分金条
查看>>
session的失效时间
查看>>