|  |  | 
|  | /* | 
|  | * Licensed to the Apache Software Foundation (ASF) under one | 
|  | * or more contributor license agreements.  See the NOTICE file | 
|  | * distributed with this work for additional information | 
|  | * regarding copyright ownership.  The ASF licenses this file | 
|  | * to you under the Apache License, Version 2.0 (the | 
|  | * "License"); you may not use this file except in compliance | 
|  | * with the License.  You may obtain a copy of the License at | 
|  | * | 
|  | *   http://www.apache.org/licenses/LICENSE-2.0 | 
|  | * | 
|  | * Unless required by applicable law or agreed to in writing, | 
|  | * software distributed under the License is distributed on an | 
|  | * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | 
|  | * KIND, either express or implied.  See the License for the | 
|  | * specific language governing permissions and limitations | 
|  | * under the License. | 
|  | */ | 
|  |  | 
|  | (function (global, factory) { | 
|  | typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('echarts')) : | 
|  | typeof define === 'function' && define.amd ? define(['exports', 'echarts'], factory) : | 
|  | (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.bmap = {}, global.echarts)); | 
|  | }(this, (function (exports, echarts) { 'use strict'; | 
|  |  | 
|  | function BMapCoordSys(bmap, api) { | 
|  | this._bmap = bmap; | 
|  | this.dimensions = ['lng', 'lat']; | 
|  | this._mapOffset = [0, 0]; | 
|  | this._api = api; | 
|  | this._projection = new BMap.MercatorProjection(); | 
|  | } | 
|  |  | 
|  | BMapCoordSys.prototype.type = 'bmap'; | 
|  | BMapCoordSys.prototype.dimensions = ['lng', 'lat']; | 
|  |  | 
|  | BMapCoordSys.prototype.setZoom = function (zoom) { | 
|  | this._zoom = zoom; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.setCenter = function (center) { | 
|  | this._center = this._projection.lngLatToPoint(new BMap.Point(center[0], center[1])); | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.setMapOffset = function (mapOffset) { | 
|  | this._mapOffset = mapOffset; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.getBMap = function () { | 
|  | return this._bmap; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.dataToPoint = function (data) { | 
|  | var point = new BMap.Point(data[0], data[1]); // TODO mercator projection is toooooooo slow | 
|  | // let mercatorPoint = this._projection.lngLatToPoint(point); | 
|  | // let width = this._api.getZr().getWidth(); | 
|  | // let height = this._api.getZr().getHeight(); | 
|  | // let divider = Math.pow(2, 18 - 10); | 
|  | // return [ | 
|  | //     Math.round((mercatorPoint.x - this._center.x) / divider + width / 2), | 
|  | //     Math.round((this._center.y - mercatorPoint.y) / divider + height / 2) | 
|  | // ]; | 
|  |  | 
|  | var px = this._bmap.pointToOverlayPixel(point); | 
|  |  | 
|  | var mapOffset = this._mapOffset; | 
|  | return [px.x - mapOffset[0], px.y - mapOffset[1]]; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.pointToData = function (pt) { | 
|  | var mapOffset = this._mapOffset; | 
|  | pt = this._bmap.overlayPixelToPoint({ | 
|  | x: pt[0] + mapOffset[0], | 
|  | y: pt[1] + mapOffset[1] | 
|  | }); | 
|  | return [pt.lng, pt.lat]; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.getViewRect = function () { | 
|  | var api = this._api; | 
|  | return new echarts.graphic.BoundingRect(0, 0, api.getWidth(), api.getHeight()); | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.getRoamTransform = function () { | 
|  | return echarts.matrix.create(); | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.prepareCustoms = function () { | 
|  | var rect = this.getViewRect(); | 
|  | return { | 
|  | coordSys: { | 
|  | // The name exposed to user is always 'cartesian2d' but not 'grid'. | 
|  | type: 'bmap', | 
|  | x: rect.x, | 
|  | y: rect.y, | 
|  | width: rect.width, | 
|  | height: rect.height | 
|  | }, | 
|  | api: { | 
|  | coord: echarts.util.bind(this.dataToPoint, this), | 
|  | size: echarts.util.bind(dataToCoordSize, this) | 
|  | } | 
|  | }; | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.convertToPixel = function (ecModel, finder, value) { | 
|  | // here we ignore finder as only one bmap component is allowed | 
|  | return this.dataToPoint(value); | 
|  | }; | 
|  |  | 
|  | BMapCoordSys.prototype.convertFromPixel = function (ecModel, finder, value) { | 
|  | return this.pointToData(value); | 
|  | }; | 
|  |  | 
|  | function dataToCoordSize(dataSize, dataItem) { | 
|  | dataItem = dataItem || [0, 0]; | 
|  | return echarts.util.map([0, 1], function (dimIdx) { | 
|  | var val = dataItem[dimIdx]; | 
|  | var halfSize = dataSize[dimIdx] / 2; | 
|  | var p1 = []; | 
|  | var p2 = []; | 
|  | p1[dimIdx] = val - halfSize; | 
|  | p2[dimIdx] = val + halfSize; | 
|  | p1[1 - dimIdx] = p2[1 - dimIdx] = dataItem[1 - dimIdx]; | 
|  | return Math.abs(this.dataToPoint(p1)[dimIdx] - this.dataToPoint(p2)[dimIdx]); | 
|  | }, this); | 
|  | } | 
|  |  | 
|  | var Overlay; // For deciding which dimensions to use when creating list data | 
|  |  | 
|  | BMapCoordSys.dimensions = BMapCoordSys.prototype.dimensions; | 
|  |  | 
|  | function createOverlayCtor() { | 
|  | function Overlay(root) { | 
|  | this._root = root; | 
|  | } | 
|  |  | 
|  | Overlay.prototype = new BMap.Overlay(); | 
|  | /** | 
|  | * 初始化 | 
|  | * | 
|  | * @param {BMap.Map} map | 
|  | * @override | 
|  | */ | 
|  |  | 
|  | Overlay.prototype.initialize = function (map) { | 
|  | map.getPanes().labelPane.appendChild(this._root); | 
|  | return this._root; | 
|  | }; | 
|  | /** | 
|  | * @override | 
|  | */ | 
|  |  | 
|  |  | 
|  | Overlay.prototype.draw = function () {}; | 
|  |  | 
|  | return Overlay; | 
|  | } | 
|  |  | 
|  | BMapCoordSys.create = function (ecModel, api) { | 
|  | var bmapCoordSys; | 
|  | var root = api.getDom(); // TODO Dispose | 
|  |  | 
|  | ecModel.eachComponent('bmap', function (bmapModel) { | 
|  | var painter = api.getZr().painter; | 
|  | var viewportRoot = painter.getViewportRoot(); | 
|  |  | 
|  | if (typeof BMap === 'undefined') { | 
|  | throw new Error('BMap api is not loaded'); | 
|  | } | 
|  |  | 
|  | Overlay = Overlay || createOverlayCtor(); | 
|  |  | 
|  | if (bmapCoordSys) { | 
|  | throw new Error('Only one bmap component can exist'); | 
|  | } | 
|  |  | 
|  | var bmap; | 
|  |  | 
|  | if (!bmapModel.__bmap) { | 
|  | // Not support IE8 | 
|  | var bmapRoot = root.querySelector('.ec-extension-bmap'); | 
|  |  | 
|  | if (bmapRoot) { | 
|  | // Reset viewport left and top, which will be changed | 
|  | // in moving handler in BMapView | 
|  | viewportRoot.style.left = '0px'; | 
|  | viewportRoot.style.top = '0px'; | 
|  | root.removeChild(bmapRoot); | 
|  | } | 
|  |  | 
|  | bmapRoot = document.createElement('div'); | 
|  | bmapRoot.className = 'ec-extension-bmap'; // fix #13424 | 
|  |  | 
|  | bmapRoot.style.cssText = 'position:absolute;width:100%;height:100%'; | 
|  | root.appendChild(bmapRoot); // initializes bmap | 
|  |  | 
|  | var mapOptions = bmapModel.get('mapOptions'); | 
|  |  | 
|  | if (mapOptions) { | 
|  | mapOptions = echarts.util.clone(mapOptions); // Not support `mapType`, use `bmap.setMapType(MapType)` instead. | 
|  |  | 
|  | delete mapOptions.mapType; | 
|  | } | 
|  |  | 
|  | bmap = bmapModel.__bmap = new BMap.Map(bmapRoot, mapOptions); | 
|  | var overlay = new Overlay(viewportRoot); | 
|  | bmap.addOverlay(overlay); // Override | 
|  |  | 
|  | painter.getViewportRootOffset = function () { | 
|  | return { | 
|  | offsetLeft: 0, | 
|  | offsetTop: 0 | 
|  | }; | 
|  | }; | 
|  | } | 
|  |  | 
|  | bmap = bmapModel.__bmap; // Set bmap options | 
|  | // centerAndZoom before layout and render | 
|  |  | 
|  | var center = bmapModel.get('center'); | 
|  | var zoom = bmapModel.get('zoom'); | 
|  |  | 
|  | if (center && zoom) { | 
|  | var bmapCenter = bmap.getCenter(); | 
|  | var bmapZoom = bmap.getZoom(); | 
|  | var centerOrZoomChanged = bmapModel.centerOrZoomChanged([bmapCenter.lng, bmapCenter.lat], bmapZoom); | 
|  |  | 
|  | if (centerOrZoomChanged) { | 
|  | var pt = new BMap.Point(center[0], center[1]); | 
|  | bmap.centerAndZoom(pt, zoom); | 
|  | } | 
|  | } | 
|  |  | 
|  | bmapCoordSys = new BMapCoordSys(bmap, api); | 
|  | bmapCoordSys.setMapOffset(bmapModel.__mapOffset || [0, 0]); | 
|  | bmapCoordSys.setZoom(zoom); | 
|  | bmapCoordSys.setCenter(center); | 
|  | bmapModel.coordinateSystem = bmapCoordSys; | 
|  | }); | 
|  | ecModel.eachSeries(function (seriesModel) { | 
|  | if (seriesModel.get('coordinateSystem') === 'bmap') { | 
|  | seriesModel.coordinateSystem = bmapCoordSys; | 
|  | } | 
|  | }); // return created coordinate systems | 
|  |  | 
|  | return bmapCoordSys && [bmapCoordSys]; | 
|  | }; | 
|  |  | 
|  | function v2Equal(a, b) { | 
|  | return a && b && a[0] === b[0] && a[1] === b[1]; | 
|  | } | 
|  |  | 
|  | echarts.extendComponentModel({ | 
|  | type: 'bmap', | 
|  | getBMap: function () { | 
|  | // __bmap is injected when creating BMapCoordSys | 
|  | return this.__bmap; | 
|  | }, | 
|  | setCenterAndZoom: function (center, zoom) { | 
|  | this.option.center = center; | 
|  | this.option.zoom = zoom; | 
|  | }, | 
|  | centerOrZoomChanged: function (center, zoom) { | 
|  | var option = this.option; | 
|  | return !(v2Equal(center, option.center) && zoom === option.zoom); | 
|  | }, | 
|  | defaultOption: { | 
|  | center: [104.114129, 37.550339], | 
|  | zoom: 5, | 
|  | // 2.0 https://lbsyun.baidu.com/custom/index.htm | 
|  | mapStyle: {}, | 
|  | // 3.0 https://lbsyun.baidu.com/index.php?title=open/custom | 
|  | mapStyleV2: {}, | 
|  | // See https://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a0b1 | 
|  | mapOptions: {}, | 
|  | roam: false | 
|  | } | 
|  | }); | 
|  |  | 
|  | function isEmptyObject(obj) { | 
|  | for (var key in obj) { | 
|  | if (obj.hasOwnProperty(key)) { | 
|  | return false; | 
|  | } | 
|  | } | 
|  |  | 
|  | return true; | 
|  | } | 
|  |  | 
|  | echarts.extendComponentView({ | 
|  | type: 'bmap', | 
|  | render: function (bMapModel, ecModel, api) { | 
|  | var rendering = true; | 
|  | var bmap = bMapModel.getBMap(); | 
|  | var viewportRoot = api.getZr().painter.getViewportRoot(); | 
|  | var coordSys = bMapModel.coordinateSystem; | 
|  |  | 
|  | var moveHandler = function (type, target) { | 
|  | if (rendering) { | 
|  | return; | 
|  | } | 
|  |  | 
|  | var offsetEl = viewportRoot.parentNode.parentNode.parentNode; | 
|  | var mapOffset = [-parseInt(offsetEl.style.left, 10) || 0, -parseInt(offsetEl.style.top, 10) || 0]; // only update style when map offset changed | 
|  |  | 
|  | var viewportRootStyle = viewportRoot.style; | 
|  | var offsetLeft = mapOffset[0] + 'px'; | 
|  | var offsetTop = mapOffset[1] + 'px'; | 
|  |  | 
|  | if (viewportRootStyle.left !== offsetLeft) { | 
|  | viewportRootStyle.left = offsetLeft; | 
|  | } | 
|  |  | 
|  | if (viewportRootStyle.top !== offsetTop) { | 
|  | viewportRootStyle.top = offsetTop; | 
|  | } | 
|  |  | 
|  | coordSys.setMapOffset(mapOffset); | 
|  | bMapModel.__mapOffset = mapOffset; | 
|  | api.dispatchAction({ | 
|  | type: 'bmapRoam', | 
|  | animation: { | 
|  | duration: 0 | 
|  | } | 
|  | }); | 
|  | }; | 
|  |  | 
|  | function zoomEndHandler() { | 
|  | if (rendering) { | 
|  | return; | 
|  | } | 
|  |  | 
|  | api.dispatchAction({ | 
|  | type: 'bmapRoam', | 
|  | animation: { | 
|  | duration: 0 | 
|  | } | 
|  | }); | 
|  | } | 
|  |  | 
|  | bmap.removeEventListener('moving', this._oldMoveHandler); | 
|  | bmap.removeEventListener('moveend', this._oldMoveHandler); | 
|  | bmap.removeEventListener('zoomend', this._oldZoomEndHandler); | 
|  | bmap.addEventListener('moving', moveHandler); | 
|  | bmap.addEventListener('moveend', moveHandler); | 
|  | bmap.addEventListener('zoomend', zoomEndHandler); | 
|  | this._oldMoveHandler = moveHandler; | 
|  | this._oldZoomEndHandler = zoomEndHandler; | 
|  | var roam = bMapModel.get('roam'); | 
|  |  | 
|  | if (roam && roam !== 'scale') { | 
|  | bmap.enableDragging(); | 
|  | } else { | 
|  | bmap.disableDragging(); | 
|  | } | 
|  |  | 
|  | if (roam && roam !== 'move') { | 
|  | bmap.enableScrollWheelZoom(); | 
|  | bmap.enableDoubleClickZoom(); | 
|  | bmap.enablePinchToZoom(); | 
|  | } else { | 
|  | bmap.disableScrollWheelZoom(); | 
|  | bmap.disableDoubleClickZoom(); | 
|  | bmap.disablePinchToZoom(); | 
|  | } | 
|  | /* map 2.0 */ | 
|  |  | 
|  |  | 
|  | var originalStyle = bMapModel.__mapStyle; | 
|  | var newMapStyle = bMapModel.get('mapStyle') || {}; // FIXME, Not use JSON methods | 
|  |  | 
|  | var mapStyleStr = JSON.stringify(newMapStyle); | 
|  |  | 
|  | if (JSON.stringify(originalStyle) !== mapStyleStr) { | 
|  | // FIXME May have blank tile when dragging if setMapStyle | 
|  | if (!isEmptyObject(newMapStyle)) { | 
|  | bmap.setMapStyle(echarts.util.clone(newMapStyle)); | 
|  | } | 
|  |  | 
|  | bMapModel.__mapStyle = JSON.parse(mapStyleStr); | 
|  | } | 
|  | /* map 3.0 */ | 
|  |  | 
|  |  | 
|  | var originalStyle2 = bMapModel.__mapStyle2; | 
|  | var newMapStyle2 = bMapModel.get('mapStyleV2') || {}; // FIXME, Not use JSON methods | 
|  |  | 
|  | var mapStyleStr2 = JSON.stringify(newMapStyle2); | 
|  |  | 
|  | if (JSON.stringify(originalStyle2) !== mapStyleStr2) { | 
|  | // FIXME May have blank tile when dragging if setMapStyle | 
|  | if (!isEmptyObject(newMapStyle2)) { | 
|  | bmap.setMapStyleV2(echarts.util.clone(newMapStyle2)); | 
|  | } | 
|  |  | 
|  | bMapModel.__mapStyle2 = JSON.parse(mapStyleStr2); | 
|  | } | 
|  |  | 
|  | rendering = false; | 
|  | } | 
|  | }); | 
|  |  | 
|  | echarts.registerCoordinateSystem('bmap', BMapCoordSys); // Action | 
|  |  | 
|  | echarts.registerAction({ | 
|  | type: 'bmapRoam', | 
|  | event: 'bmapRoam', | 
|  | update: 'updateLayout' | 
|  | }, function (payload, ecModel) { | 
|  | ecModel.eachComponent('bmap', function (bMapModel) { | 
|  | var bmap = bMapModel.getBMap(); | 
|  | var center = bmap.getCenter(); | 
|  | bMapModel.setCenterAndZoom([center.lng, center.lat], bmap.getZoom()); | 
|  | }); | 
|  | }); | 
|  | var version = '1.0.0'; | 
|  |  | 
|  | exports.version = version; | 
|  |  | 
|  | Object.defineProperty(exports, '__esModule', { value: true }); | 
|  |  | 
|  | }))); | 
|  | //# sourceMappingURL=bmap.js.map |