修改图例动画功能

chenzeping

2021-03-08 3cc9f0efa740810f88738788b062f348d8d9b48a

 src/components/plugin/MagicMarker.js

@@ -1,49 +1,49 @@
const init = (L) => {
    (function(window) {
        console.log(window)
        let setOptions = function(obj, options) {
            for (let i in options) {
                obj[i] = options[i]
            }
            return obj
  (function (window) {
    console.log(window)
    const setOptions = function (obj, options) {
      for (const i in options) {
        obj[i] = options[i]
      }
      return obj
    }
    L.Icon.Magic = function (options) {
      let opts
      if (options.iconUrl) {
        opts = {
          html: "<div class='magicDiv'><div class='magictime " + options.magic + "'><img id='migic' src='" + options.iconUrl + "'/></div></div>"
          // className: 'magicDiv',
        }
        L.Icon.Magic = function(options) {
            let opts
            if (options.iconUrl) {
                 opts = {
                    html: "<div class='magicDiv'><div class='magictime " + options.magic + "'><img id='migic' src='" + options.iconUrl + "'/></div></div>"
                    // className: 'magicDiv',
                }
            } else {
                 opts = {
                    html: "<div class='magicDiv'><div class='magictime " + options.magic + "'>" + options.html + '</div></div>'
                    // className: 'magicDiv',
                }
            }
            delete options.html
            let magicIconOpts = setOptions(opts, options)
            // console.log(magicIconOpts)
            let magicIcon = L.divIcon(magicIconOpts)
            return magicIcon
      } else {
        opts = {
          html: "<div class='magicDiv'><div class='magictime " + options.magic + "'>" + options.html + '</div></div>'
          // className: 'magicDiv',
        }
      }
      delete options.html
      const magicIconOpts = setOptions(opts, options)
      // console.log(magicIconOpts)
      const magicIcon = L.divIcon(magicIconOpts)
      return magicIcon
    }

        L.icon.magic = function(options) {
            return new L.Icon.Magic(options)
        }
    L.icon.magic = function (options) {
      return new L.Icon.Magic(options)
    }

        L.Marker.Magic = L.Marker.extend({
            initialize: function(latlng, options) {
                options.icon = L.icon.magic(options)
                L.Marker.prototype.initialize.call(this, latlng, options)
            }
        })
    L.Marker.Magic = L.Marker.extend({
      initialize: function (latlng, options) {
        options.icon = L.icon.magic(options)
        L.Marker.prototype.initialize.call(this, latlng, options)
      }
    })

        L.marker.magic = function(latlng, options) {
            return new L.Marker.Magic(latlng, options)
        }
    })(window)
    L.marker.magic = function (latlng, options) {
      return new L.Marker.Magic(latlng, options)
    }
  })(window)
}

export default {
    init
  init
}