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" />'   //自定义点标记覆盖物内容
    });
  • 相关阅读:
    SQL SERVER的检查点checkpoint
    MySQL备份说明
    声明对象和创建对象的区别
    getParameter的用法总结
    Jsp的九大对象,七大动作,三大指令
    为什么内部类访问的外部变量需要使用final修饰
    java synchronized详解
    网上选课系统需求说明书
    第三次作业
    第二次作业
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/12367536.html
Copyright © 2011-2022 走看看