{"analyzedAt":"2022-09-27T01:40:34.043Z","collected":{"metadata":{"name":"ol3-echarts","scope":"unscoped","version":"3.0.0","description":"a openlayers extension to echarts","keywords":["javascript","webgis","canvas","echarts","openlayers","ol"],"date":"2022-09-26T15:28:22.360Z","author":{"name":"sakitam-fdd","email":"smilefdd@gmail.com","username":"sakitam-fdd"},"publisher":{"username":"sakitam-fdd","email":"smilefdd@gmail.com"},"maintainers":[{"username":"sakitam-fdd","email":"smilefdd@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/sakitam-fdd/ol3Echarts.git","directory":"packages/ol3-echarts"},"links":{"npm":"https://www.npmjs.com/package/ol3-echarts","homepage":"https://sakitam-fdd.github.io/ol3Echarts","repository":"https://github.com/sakitam-fdd/ol3Echarts","bugs":"https://github.com/sakitam-fdd/ol3Echarts/issues"},"license":"MIT","devDependencies":{"@types/openlayers":"^4.6.17","echarts":"^5.0.0","openlayers":"4.6.5"},"peerDependencies":{"echarts":">=5.0.0","openlayers":">=3.0.0"},"releases":[{"from":"2022-08-28T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":2},{"from":"2022-06-29T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":2},{"from":"2022-03-31T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":2},{"from":"2021-09-27T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":4},{"from":"2020-09-27T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":5}],"readme":"# Bridger for openlayers and echarts\n\n[![Build Status](https://travis-ci.org/sakitam-fdd/ol3Echarts.svg?branch=master)](https://www.travis-ci.org/sakitam-fdd/ol3Echarts)\n[![codecov](https://codecov.io/gh/sakitam-fdd/ol3Echarts/branch/master/graph/badge.svg)](https://codecov.io/gh/sakitam-fdd/ol3Echarts)\n![JS gzip size](http://img.badgesize.io/https://unpkg.com/ol3-echarts/dist/ol3Echarts.js?compression=gzip&label=gzip%20size:%20JS)\n[![GitHub stars](https://img.shields.io/github/stars/sakitam-fdd/ol3Echarts.svg)](https://github.com/sakitam-fdd/ol3Echarts/stargazers)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/sakitam-fdd/ol3Echarts/master/LICENSE)\n\n## Support\n\n| Project | Status | Version | Npm | CDN | Description |\n|---------|--------|---------|-----|------|-------------|\n| [ol3-echarts](https://github.com/sakitam-fdd/ol3Echarts/packages/ol3-echarts) | [![Build Status](https://travis-ci.org/sakitam-fdd/ol3Echarts.svg?branch=master)](https://www.travis-ci.org/sakitam-fdd/ol3Echarts) | [![Npm package](https://img.shields.io/npm/v/ol3-echarts.svg)](https://www.npmjs.org/package/ol3-echarts) | [![NPM downloads](https://img.shields.io/npm/dm/ol3-echarts.svg)](https://npmjs.org/package/ol3-echarts) | [![](https://data.jsdelivr.com/v1/package/npm/ol3-echarts/badge)](https://www.jsdelivr.com/package/npm/ol3-echarts) | support for openlayers3-4 |\n| [ol-echarts](https://github.com/sakitam-fdd/ol3Echarts/packages/ol-echarts) | [![Build Status](https://travis-ci.org/sakitam-fdd/ol3Echarts.svg?branch=master)](https://www.travis-ci.org/sakitam-fdd/ol3Echarts) | [![Npm package](https://img.shields.io/npm/v/ol-echarts.svg)](https://www.npmjs.org/package/ol-echarts) | [![NPM downloads](https://img.shields.io/npm/dm/ol-echarts.svg)](https://npmjs.org/package/ol-echarts) | [![](https://data.jsdelivr.com/v1/package/npm/ol-echarts/badge)](https://www.jsdelivr.com/package/npm/ol-echarts) | support for openlayers5+ |\n\n## 下载\n\n```bash\ngit clone https://github.com/sakitam-fdd/ol3Echarts.git\nyarn run bootstrap\nyarn run dev\nyarn run build\nyarn run karma.test\n```\n\n### 安装\n\n#### npm安装\n\n> 注意：npm下存在两个包 [ol3-echarts](https://npmjs.org/package/ol3-echarts) 和 [ol-echarts](https://npmjs.org/package/ol-echarts)\n  前者是在使用 [openlayers](https://npmjs.org/package/openlayers) 或者是 `ol` 的cdn时使用；后者是在使用 [ol](https://npmjs.org/package/ol)\n  配合打包工具使用。\n\n```bash\n// old openlayers package\nnpm install ol3-echarts --save\nimport ol3Echarts from 'ol3-echarts'\n\n// ol package\nnpm install ol-echarts --save\nimport EChartsLayer from 'ol-echarts'\n\n```\n\n#### cdn\n\n> cdn 引用方式只支持 旧版 `openlayers` 和新版 `ol` 的cdn引用方式，统一使用 `ol3-echarts` 支持。\n\n目前可通过 [unpkg.com](https://unpkg.com/ol3-echarts/dist/ol3Echarts.js) / [jsdelivr](https://cdn.jsdelivr.net/npm/ol3-echarts/dist/ol3Echarts.js) 获取最新版本的资源。\n\n```bash\n// jsdelivr (jsdelivr由于缓存原因最好锁定版本号)\nhttps://cdn.jsdelivr.net/npm/ol3-echarts@1.3.6/dist/ol3Echarts.js\nhttps://cdn.jsdelivr.net/npm/ol3-echarts@1.3.6/dist/ol3Echarts.min.js\n// npm\nhttps://unpkg.com/ol3-echarts/dist/ol3Echarts.js\nhttps://unpkg.com/ol3-echarts/dist/ol3Echarts.min.js\n```\n\n#### [示例](//sakitam-fdd.github.io/ol3Echarts/)\n#### [文档](//sakitam-fdd.github.io/ol3Echarts/docs/)\n\n##### openlayers\n\n``` javascript\n<div id=\"map\"></div>\n<script src=\"https://cdn.jsdelivr.net/npm/openlayers/dist/ol.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/echarts/dist/echarts.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/ol3-echarts/dist/ol3Echarts.js\"></script>\n<script>\n  var Map = new ol.Map({\n    target: container,\n    layers: [\n      new ol.layer.Tile({\n        preload: 4,\n        source: new ol.source.OSM()\n      })\n    ],\n    loadTilesWhileAnimating: true,\n    view: new ol.View({\n      projection: 'EPSG:4326',\n      center: [120.74758724751435, 30.760422266949334],\n      zoom: 8\n    })\n  });\n  var echartslayer = new ol3Echarts(echartsOption, {\n    source: '',\n    destination: '',\n    hideOnMoving: true,\n    forcedRerender: false,\n    forcedPrecomposeRerender: false\n  });\n  echartslayer.appendTo(Map)\n</script>\n```\n\n#### ol package & react\n\n```jsx harmony\nimport * as React from 'react';\nimport { Map, View } from 'ol';\nimport TileLayer from 'ol/layer/Tile';\nimport XYZ from 'ol/source/XYZ';\nimport 'ol/ol.css';\nimport EChartsLayer from 'ol-echarts';\n\nclass Index extends React.Component {\n  constructor (props, context) {\n    super(props, context);\n    this.state = {\n      zoom: 14,\n      fov: 0,\n      pitch: 0,\n      bearing: 0\n    };\n\n    this.container = null;\n    this.map = null;\n  }\n\n  componentDidMount () {\n    this.map = new Map({\n      target: this.container,\n      view: new View({\n        center: [113.53450137499999, 34.44104525],\n        projection: 'EPSG:4326',\n        zoom: 5 // resolution\n      }),\n      layers: [\n        new TileLayer({\n          source: new XYZ({\n            url: 'http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnline' +\n            'StreetPurplishBlue/MapServer/tile/{z}/{y}/{x}'\n          })\n        })\n      ]\n    });\n    const echartslayer = new EChartsLayer(option, {\n      hideOnMoving: false,\n      hideOnZooming: false,\n      forcedPrecomposeRerender: true\n    });\n    echartslayer.appendTo(this.map);\n    window.setTimeout(() => {\n      echartslayer.remove();\n    }, 10 * 1000)\n  }\n\n  setRef = (x = null) => {\n    this.container = x;\n  };\n\n  render () {\n    return (<div ref={this.setRef} className=\"map-content\"></div>);\n  }\n}\n```\n\n##### hmap-js\n\n``` javascript\n<div id=\"map\"></div>\n<script src=\"https://cdn.jsdelivr.net/npm/hmap-js/dist/hmap.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/echarts/dist/echarts.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/ol3-echarts/dist/ol3Echarts.js\"></script>\n<script>\n  var Maps = new HMap('map', {\n    controls: {\n      loading: true,\n      zoomSlider: true,\n      fullScreen: false\n    },\n    view: {\n      center: [113.53450137499999, 34.44104525],\n      projection: 'EPSG:4326',\n      zoom: 5, // resolution\n    },\n    baseLayers: [\n      {\n        layerName: 'vector',\n        isDefault: true,\n        layerType: 'TileXYZ',\n        projection: 'EPSG:3857',\n        tileGrid: {\n          tileSize: 256,\n          extent: [-2.0037507067161843E7, -3.0240971958386254E7, 2.0037507067161843E7, 3.0240971958386205E7],\n          origin: [-2.0037508342787E7, 2.0037508342787E7],\n          resolutions: [\n            156543.03392800014,\n            78271.51696399994,\n            39135.75848200009,\n            19567.87924099992,\n            9783.93962049996,\n            4891.96981024998,\n            2445.98490512499,\n            1222.992452562495,\n            611.4962262813797,\n            305.74811314055756,\n            152.87405657041106,\n            76.43702828507324,\n            38.21851414253662,\n            19.10925707126831,\n            9.554628535634155,\n            4.77731426794937,\n            2.388657133974685\n          ]\n        },\n        layerUrl: 'http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}'\n      }\n    ]\n  });\n  var echartslayer = new ol3Echarts(echartsOption, {\n    source: '',\n    destination: '',\n    hideOnMoving: true,\n    forcedRerender: false,\n    forcedPrecomposeRerender: false\n  });\n  echartslayer.appendTo(Maps.getMap())\n</script>\n```\n\n## 截图示例\n\n![散点图](https://raw.githubusercontent.com/sakitam-fdd/ol3Echarts/master/website/static/images/scatter.jpg)\n\n![迁徙图](https://raw.githubusercontent.com/sakitam-fdd/ol3Echarts/master/website/static/images/mock-migration.jpg)\n\n![微博签到数据点亮中国](https://raw.githubusercontent.com/sakitam-fdd/ol3Echarts/master/website/static/images/wchart-gl.jpg)\n\n其他示例请自己挖掘\n\n## 致谢\n\n> [echarts](https://github.com/ecomfe/echarts)\n> [openlayers](https://github.com/openlayers/openlayers)\n\n## License\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fsakitam-fdd%2Fol3Echarts.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fsakitam-fdd%2Fol3Echarts?ref=badge_large)"},"npm":{"downloads":[{"from":"2022-09-26T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":0},{"from":"2022-09-20T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":41},{"from":"2022-08-28T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":252},{"from":"2022-06-29T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":696},{"from":"2022-03-31T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":1654},{"from":"2021-09-27T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":2799}],"starsCount":0},"github":{"homepage":"https://sakitam-fdd.github.io/ol3Echarts/#/index","starsCount":282,"forksCount":74,"subscribersCount":16,"issues":{"count":107,"openCount":11,"distribution":{"3600":29,"10800":3,"32400":2,"97200":3,"291600":10,"874800":9,"2624400":6,"7873200":15,"23619600":26,"70858800":2,"212576400":2},"isDisabled":false},"contributors":[{"username":"sakitam-fdd","commitsCount":165},{"username":"dependabot[bot]","commitsCount":16},{"username":"kyleinfo","commitsCount":3},{"username":"fossabot","commitsCount":1},{"username":"Hansz00","commitsCount":1}],"commits":[{"from":"2022-09-20T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":1},{"from":"2022-08-28T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":1},{"from":"2022-06-29T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":1},{"from":"2022-03-31T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":1},{"from":"2021-09-27T00:00:00.000Z","to":"2022-09-27T00:00:00.000Z","count":6}],"statuses":[{"context":"License Compliance","state":"success"}]},"source":{"files":{"readmeSize":8273,"testsSize":415178,"hasNpmIgnore":true,"hasChangelog":true},"badges":[{"urls":{"original":"https://travis-ci.org/sakitam-fdd/ol3Echarts.svg?branch=master","service":"https://api.travis-ci.org/sakitam-fdd/ol3Echarts.svg?branch=master","shields":"https://img.shields.io/travis/sakitam-fdd/ol3Echarts/master.svg","content":"https://img.shields.io/travis/sakitam-fdd/ol3Echarts/master.json"},"info":{"service":"travis","type":"build","modifiers":{"branch":"master"}}},{"urls":{"original":"https://img.shields.io/npm/v/ol3-echarts.svg","shields":"https://img.shields.io/npm/v/ol3-echarts.svg","content":"https://img.shields.io/npm/v/ol3-echarts.json"},"info":{"service":"npm","type":"version","modifiers":{"type":"v"}}},{"urls":{"original":"https://img.shields.io/npm/dm/ol3-echarts.svg","shields":"https://img.shields.io/npm/dm/ol3-echarts.svg","content":"https://img.shields.io/npm/dm/ol3-echarts.json"},"info":{"service":"npm","type":"downloads","modifiers":{"type":"dm"}}},{"urls":{"original":"https://img.shields.io/npm/v/ol-echarts.svg","shields":"https://img.shields.io/npm/v/ol-echarts.svg","content":"https://img.shields.io/npm/v/ol-echarts.json"},"info":{"service":"npm","type":"version","modifiers":{"type":"v"}}},{"urls":{"original":"https://img.shields.io/npm/dm/ol-echarts.svg","shields":"https://img.shields.io/npm/dm/ol-echarts.svg","content":"https://img.shields.io/npm/dm/ol-echarts.json"},"info":{"service":"npm","type":"downloads","modifiers":{"type":"dm"}}}],"linters":["eslint","editorconfig","prettier","stylelint"],"coverage":0}},"evaluation":{"quality":{"carefulness":0.9999999999999999,"tests":0.55,"health":1,"branding":1},"popularity":{"communityInterest":377,"downloadsCount":232,"downloadsAcceleration":0.5629756468797562,"dependentsCount":0},"maintenance":{"releasesFrequency":1,"commitsFrequency":0.3665410958904109,"openIssues":1,"issuesDistribution":0.4226796458303832}},"score":{"final":0.6741514129989812,"detail":{"quality":0.9388948738881181,"popularity":0.1369586932000017,"maintenance":0.9844211663215574}}}