From e21aedc88519b3a9ea1e668f1d076abaf18b8207 Mon Sep 17 00:00:00 2001 From: SCLGIS <42333724+SCLGIS@users.noreply.github.com> Date: Tue, 14 Aug 2018 15:38:17 +0800 Subject: [PATCH] EchartsLayerV3.0 --- EchartsLayerV3.0 | 114 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 EchartsLayerV3.0 diff --git a/EchartsLayerV3.0 b/EchartsLayerV3.0 new file mode 100644 index 0000000..cd5a9bb --- /dev/null +++ b/EchartsLayerV3.0 @@ -0,0 +1,114 @@ +define(["dojo/_base/declare", "dojo/_base/lang", "esri/geometry/Point", "esri/geometry/ScreenPoint"], + function (e, t, n, i) { + return e("Echarts3Layer", null, { + name: "Echarts3Layer", + _map: null, + _ec: null, + _geoCoord: [], + _option: null, + _mapOffset: [0, 0], + constructor: function (e, t) { + this._map = e; + var n = this._echartsContainer = document.createElement("div"); + n.style.position = "absolute", + n.id = "echarts_for_esri_maps", + n.style.height = e.height + "px", + n.style.width = e.width + "px", + n.style.top = 0, + n.style.left = 0, + e.container.querySelector('.esri-view-root').querySelector('.esri-view-surface').appendChild(n), + this._init(e, t) + }, + _init: function (e, t) { + var o = this; + o._map = e, + o._ec = t, + o.getEchartsContainer = function () { + return o._echartsContainer + }, + o.getMap = function () { + return o._map + }, + o.geoCoord2Pixel = function (e) { + var t = new n(e[0], e[1]), + i = o._map.toScreen(t); + return [i.x, i.y] + }, + o.pixel2GeoCoord = function (e) { + var t = o._map.toMap(new i(e[0], e[1])); + return [t.lng, t.lat] + }, + o.initECharts = function () { + return o._ec = t.init.apply(o, arguments), + o._ec.Geo.prototype.dataToPoint = function (e) { + var t = new n(e[0], e[1]), + i = o._map.toScreen(t); + return [i.x, i.y] + }, + o._bindEvent(), + o._ec + }, + o.getECharts = function () { + return o._ec + }, + o.setOption = function (e, t) { + o._option = e, + o._ec.setOption(e, t) + }, + o._bindEvent = function () { + o._map.watch('animation', function (e) { + if (e && e.state === "running") { + o._echartsContainer.style.visibility = "hidden" + } + else { + o._ec.resize(), + o._echartsContainer.style.visibility = "visible" + } + }), + o._map.watch("zoom", function (e) { + o._ec.resize() + }) + o._map.on('drag', function (e) { + if (e.action === "start") { + o._echartsContainer.style.visibility = "hidden" + } + else if (e.action === "end") { + o._ec.resize(), + o._echartsContainer.style.visibility = "visible" + } + }), + o._map.on("resize", + function () { + var e = o._echartsContainer.parentNode.parentNode; + o._mapOffset = [-parseInt(e.style.left) || 0, -parseInt(e.style.top) || 0], + o._echartsContainer.style.left = o._mapOffset[0] + "px", + o._echartsContainer.style.top = o._mapOffset[1] + "px", + setTimeout(function () { + o._ec.resize() + }, + 200), + o._echartsContainer.style.visibility = "visible" + }), + o._ec.getZr().on("dragstart", + function (e) { + }), + o._ec.getZr().on("dragend", + function (e) { + }), + o._ec.getZr().on("mousewheel", + function (e) { + o._lastMousePos = o._map.toMap(new i(e.event.x, e.event.y)); + var t = e.wheelDelta, + n = o._map, + a = n.zoom; + t = t > 0 ? Math.ceil(t) : Math.floor(t), + t = Math.max(Math.min(t, 4), -4), + t = Math.max(n.constraints.effectiveMinZoom, Math.min(n.constraints.effectiveMaxZoom, a + t)) - a, + o._delta = 0, + o._startTime = null, + t && (n.zoom = a + t) + }) + } + } + }) + });