echart 插件实现全国地图】的更多相关文章

最近的项目要用到一个能展现全国地图的功能,并且全国各个省份显示的颜色不同,点击省份后会返回省份名称.经过反复的查找最终确定了echart这个插件,最后的成果还不错,在这里写下来希望对大家有所帮助.话不多说先看最终的效果图. 最终的效果就是这个样子的啦,感觉还是很好看的,echart这个插件使用还是很简单的,按照官网步骤来就好了.官网地址:http://echarts.baidu.com/index.html 下面就是我实现这个效果的代码了: <!DOCTYPE html> <html s…
@{ Layout = null; } @if (false) { <script src="~/Js/jquery-easyui-1.5/jquery.min.js"></script> <script src="~/Js/JqueryExt.js"></script> <script src="~/Js/jquery-easyui-1.5/jquery.easyui.min.js">…
系统架构是B/S,开发语言是flex,开发工具是myeclise或者flashbuild,通过调用百度提供的在线天气预报web api接口的方式来实现. 采用地图是ArcGIS全国地图,开发接口为arcgis api for flex,但是程序可以拓展api 接口,可以采用其他GIS api,地图数据也可以更换其他地图数据,拓展性比较好. 先谈谈主界面的布局,只是简单的设计了大概的布局,如下: 首先是两行,第一行是标题:第二行再分为两列,第一列是用来天气预报查询以及显示查询的结果,第二列用来显示…
系统架构是B/S,目前有两个不同的版本,1.开发语言是C#.silverlight,开发平台是.NET:2.开发语言是java.flex,开发平台是myeclise. 采用地图是ArcGIS全国地图,开发接口为arcgis api for silverlight或者flex,但是程序可以拓展api 接口,可以采用其他GIS api,地图数据也可以更换其他地图数据,拓展性比较好. 备注:更多的精彩内容请关注本人的淘宝店http://shop116521643.taobao.com GIS论坛:ht…
之前写过一篇关于数据大屏及地图下钻的文章 https://www.cnblogs.com/weijiutao/p/13977011.html ,但是存在诸多问题,如地图边界线及行政区划老旧,无法自适应问题等,正好抽时间又整理了一下修改的思路. 之前的文章已经获取了一套新的全国地图的行政区划及边界线,接下来就可以根据这套区划来进行地图的编写了.先来看一下最后的呈现效果. 代码目录如下 地图采用了最新的行政区划及边界进行加载,具体获取方式在另一篇文章 https://www.cnblogs.com/…
现在的商场管理者在管理商场的同时面临着一些无法避免的问题比如:人员监管不到位.效率低下.商场同质化严重,人流量少等.发现了这些问题作为开发人员的我们怎能视而不见,我们的责任就是发现问题解决问题,提供更好更智能的服务.因此就此问题我们想出了相应的解决办法,使用JS+Three.js+Echart开发了一个功能界面,为商场管理者提供更加高效的管理方法. 通过商场管理系统的相应界面,商场管理者可实时获取商场的人流数据.人流密度的热力分布.可实时查看商场各处的视频监控信息.安保人员的实时位置信息及运动轨…
[获取资源]进入官网,    http://echarts.baidu.com/导航,下载,下拉框下载,常用303k.就是这么简单,就个一个js.[项目使用]新建项目,MyChart具体使用的过程中,可以参考  http://echarts.baidu.com/首页的[实例],把实例的代码粘贴到自己的项目中就ok啦. 如果想修改配置参数,以便达到自己的效果. 可以参考  http://echarts.baidu.com/  首页,    文档,下拉   [配置项手册]实例中数据都是静态的,可以通…
百度地图AK申请配置指南     [LBS云] 百度地图AK申请配置指南 1. 该文档是详细版,图文并茂: 2. 该指南是针对browser-mobile-sever三种终端开发的申请与配置说明: 3. 该指南期望解决广大开发者在申请配置密钥(ak)的疑惑和困难: 若各位使用过程中,发现问题,欢迎盖楼反馈! LBS开放平台API控制台申请配置指南V2.0_20140225.zip (685.39 KB) 补充:关于Android端的申请配置方案和注意事项特别说明:1. 详细步骤和参数说明您可再参…
安装 看官方文档可以知道ECharts可以在webpack中使用看这里,故我们可以使用npm下载安装到项目中 npm install echarts --save //下载ECharts npm install @types/echarts --save // ECharts的官方版本是基于JavaScript 的,下载ECharts的TypeScript定义文件 使用 1.在页面创建一个echart容器 <div #main1 id="main1" style="wi…
因为要做一个前端画图需要经纬度,一个个的查询过麻烦,最终弄出这个,以备后查! import threading , time import requests from decimal import Decimal #爬取数据 def hq(address,name_id): url = 'http://api.map.baidu.com/geocoder?output=json&key=f247cdb592eb43ebac6ccd27f796e2d2&location=' + str(ad…