zoukankan      html  css  js  c++  java
  • 高德地图Marker缩放位置变化

    我们在使用高德地图js api开发时,会用到Marker类在地图上来显示一个地点的位置。如果我们使用默认设置或者设置出错的时候:比如一个点在一条河的左边,当地图级别不停缩小的时候,这个点会慢慢的显示在河的右边,地图级别放大的过程中相反。

    这块的问题其实跟 anchoroffset 有关系:

    默认值

    achor: 'top-left'
    offset: new AMap.Pixel(-10,-34)

    截图示例地址

    仔细上图中红框中的marker表示:红色为默认原点为'top-left'(achor的默认值),蓝色的方框为Icon(官网demo中icon尺寸为20*34),需要将Icon的下边的尖儿移到achor(0,0)的位置,Icon需要向右移动10,向上移动34,所以offset默认为 new AMap.Pixel(-10,-34),解释请看下图:

    解决方法1

    1. achor使用api默认值('top-left')
    2. 如果icon大小为(10, 20),我们需要设置offset的值为 new AMap.Pixel(-5,-20)

    解决方法n

    1. achor使用 'bottom-center'
    2. 如果icon大小为(10, 20),我们需要设置offset的值为 new AMap.Pixel(0,0)
  • 相关阅读:
    生活网站
    input 输入值的监听 禁止输入特殊字符
    jq 插件分享
    css3 特效分享
    sharepoint---RBS回收站清空设置
    &&和||
    DataTable得到某行某列的值
    后台刷新当前页面和弹出对话框跳转页面
    c#.netGr idView1在div不局中
    DIV UL LI
  • 原文地址:https://www.cnblogs.com/hanshuai/p/14927181.html
Copyright © 2011-2022 走看看