zoukankan      html  css  js  c++  java
  • 高德地图的小细节处理方式

    1、引用高德地图的连接后面要加两个参数,一个是版本号一个是key值,两个参数中间用&符号连接

    <script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=0c3lcx084f0195d8ed062bd226b4e591129'></script>

    但是这个&符号在xhtml中会变成转义符,导致页面无法正确解析上面的语句,在xhtml中可以用&amp;替换&符号,替换后如下所示:

    <script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&amp;key=0c3lcx084f0195d8ed062bd226b4e591129'></script>

    2、高德地图左下角的logo,可以用css控制隐藏

    $(".amap-logo").hide();

    3、添加自定义标记,图标的偏移量设置

    图标添加到图中是左上角对准设置的点,为了让最下方的中间点偏移至设置的点位置,需要横向向左偏移宽度的一半,纵向向上偏移整个图片的高度,例如一个50*50的图片,代码如下:

    var marker2 = new AMap.Marker({ //添加自定义点标记
        map: map,
        position: [121.499809,31.239666], //基点位置
        offset: new AMap.Pixel(-25, -50), //相对于基点的偏移位置
        draggable: true,  //是否可拖动
        content: '<img src="marker_3.png" />'   //自定义点标记覆盖物内容
    });
  • 相关阅读:
    JAVA反射机制
    Android插件化
    MFC项目的建立
    [ACM]躲猫猫
    [ACM]某一天的n天后是几年几月几日
    [ACM]括号配对问题
    开发中好用的网站
    TCP与UDP(实时通讯)
    NSSet基本使用
    NSPredicate(正则表达式)
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/12367536.html
Copyright © 2011-2022 走看看