Git Product home page Git Product logo

echarts3_map_demo's Introduction

echarts3_map_demo

效果预览:http://htmlpreview.github.io/?https://github.com/lixinGiting/echarts3_map_demo/blob/master/index.html

内容说明:利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。

背景介绍:   与echarts2相比echarts3有很大的改动。   ECharts2推荐模块化单文件引入;由于echarts依赖底层zrender,你需要同时下载zrender到本地。ECharts3开始不再强制使用 AMD 的方式按需引入,代码里 也不再内置 AMD 加载器。因此引入方式简单了很多,只需要像普通的 JavaScript 库一样用script标签引入。   ECharts3中因为地图精度的提高,不再内置地图数据增大代码体积,你可以在地图下载界面下载到需要的地图文件引入并注册到 ECharts 中。

如果采用echarts3官方给的地图加载方式那么会得到和echarts3官方实例一样的黑色背景的地图。

  echarts2中的模拟迁徙之所以能显示百度地图的背景,是因为它引入了百度地图,百度地图和echarts2的结合比较简单,官方也有很多百度地图的扩展实例。 重点是echart3和百度地图的结合,需要引入百度开发者密钥,还要引入bmap文件,否则会报错。百度开发者密钥去百度地图API官网申请即可,很简单。

文件介绍:bmap.js 背景地图所需的依赖文件        echarts.js 使用ECharts3所必须的文件        index.html 展示界面        text.js   可以自由定制的js文件

echarts3_map_demo's People

Contributors

lixingiting avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.