zoukankan      html  css  js  c++  java
  • 高德地图之 鼠标移进移出时 图标的改变

    //列表鼠标移入 和 点标记移上去
    markerList.on('listElementMouseenter markerMouseover markerClick listElementClick', function(event, record) {
    if (record && record.marker) {
    forcusMarker(record.marker,record.data.name);
    //非选中的id
    if (!this.isSelectedDataId(record.id)) {
    //设置为hover样式
    record.marker.setIcon("static/img/execute/red.png");
    }
    }
    });

    //列表鼠标移出 和 点标记移出去
    markerList.on('listElementMouseleave markerMouseout', function(event, record) {
    if (record && record.marker) {
    if (!this.isSelectedDataId(record.id)) {
    //恢复默认样式
    record.marker.setIcon("static/img/execute/blue.png")
    }
    }
    });


    //当图标不在视野时,移动视野至正中间
    function forcusMarker(marker,LocName) {
    marker.setTop(true);

    //不在地图视野内
    if (!(map.getBounds().contains(marker.getPosition()))) {

    //移动到中心
    map.setCenter(marker.getPosition());
    }

    // 设置鼠标划过点标记显示的文字提示
    marker.setTitle(LocName);
    }
  • 相关阅读:
    2016-8-29
    2016-8-25
    2016-8-24
    2016-8-23
    2016-8-22
    2016-8-16
    2016-8-15
    深圳_多测师面试 __腾讯云/_高级讲师肖sir
    深圳_多测师面试 _新字节跳动(2020年10月23日)_高级讲师肖sir
    多测师讲解自动化 _RF_(202)高级讲师肖sir
  • 原文地址:https://www.cnblogs.com/maochunyan/p/6812975.html
Copyright © 2011-2022 走看看