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

本文共 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

你可能感兴趣的文章
特殊符号编码
查看>>
cookie 与 session 组件
查看>>
instanceof
查看>>
activity的四种模式
查看>>
z-index
查看>>
git 和github
查看>>
Vue的路由
查看>>
RESTful API
查看>>
dependencies与devDependencies之间的区别
查看>>
【分块】hdu5057 Argestes and Sequence
查看>>
【set】bzoj3715 [PA2014]Lustra
查看>>
反射机制(二)
查看>>
getGeneratedKeys()返回自增主键值
查看>>
随机数创建点shp文件
查看>>
TOJ 2710: 过河 路径压缩
查看>>
javascript中null与undefined的区别
查看>>
mysql之select(二)
查看>>
万能分页存储过程
查看>>
jQuery模板插件jsrender
查看>>
内部类概述
查看>>