Mapbox GL JS 是目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。
想写本文，主要是源于前两天有个老师找到我说让我录一个大概半个小时的视频，跟大家分享一下各webgis框架之间的区别以及在应用的过程中应该如何选择。其实之前也有学员问过类似的问题，当时只是针对他们的疑问做了回答。虽然各个框架都有用过，有几个还算比较熟悉，但并没有全面的对各个框架进行过比较，刚好借着这个机会，一方面重新对各个框架有一个比较全面的认识，另一方面对各个框架做一个比较，以便后面使用的时候有一个较好的选择。
数据可视化之初级篇 零编程工具 1. Tableau Tableau 是一款企业级的大数据可视化工具。Tableau 可以让你轻松创建图形，表格和地图。 它不仅提供了PC桌面版，还提供了服务器解决
Tableau 是一款企业级的大数据可视化工具。Tableau 可以让你轻松创建图形，表格和地图。 它不仅提供了PC桌面版，还提供了服务器解决方案，可以让您在线生成可视化报告。服务器解决方案可以提供了云托管服务。
本文主要介绍如何在Vue项目中使用ArcGIS JS API进行开发，文中使用的JS API是目前最新版本的ArcGIS JS API 4.14，主要是在Vue项目demo中用JS API实例化了一张二维地图。
手机和数码相机拍的照片里除了我们能看到的RGB像元数据，还包含了拍摄时间、图像分辨率、感光值、GPS坐标等属性，记录在Exif(Exchangeable image file format)模块里。
各个互联网公司通过大量的用户数据、信息进行统计分析，而这些大量繁杂的数据在经过可视化工具处理后，就能以图形化的形式展现在用户面前，清晰直观。随着各种数据的增加，这种可视化工具越来越得到开发者们的欢迎。 下面推荐30款可视化工具供大家选择和使用。 1.iCharts iCharts 提供了一个用于创建并呈现引人注目图表的托管解决方案。有许多不同种类的图表可供选择，每种类型都完全可定制，以适合网站的主题。iCharts 有交互元素，可以从Google Doc、Excel 表单和其他来源中获取
一直想找到一个合适的构架来开发WebGIS,以前一直用的是Web ADF，然而经常遇到很大的技术阻力，因为，自己的JAVASCRIPT不怎么好，所以一直想尽量避免，现在看来，这个想法完全是错误的，想要做出动态性能很好的网页，不可能和JS避开的。
现代社会早已进入读图时代，图像在一定上程度上取代了文字，占据了主导地位。对于数据分析来说，一张清晰的可视化图表确实比纷繁复杂的数字更清晰美观。随着科技的发展以及可视化需求的急剧增大，涌现了大批的数据可视化工具，通过对比分析市面上众多的数据可视化工具之后，我们挑选了几款给大家进行参考。
它可以工作在包括 IE6 在内的各款浏览器中，矢量图输出，除官方提供各国地图数据外，用户可以使用数据转换程序定制地图数据。例如街道地图、小区地图等等。
Tableau 是一款企业级的大数据可视化工具。Tableau 可以让你轻松创建图形，表格和地图。 它不仅提供了PC桌面版，还提供了服务器解决方案，可以让您在线生成可视化报告。服务器解决方案可以提供了云托管服务。Tableau的客户包括巴克莱银行，Pandora和Citrix等企业
数据可视化技术的基本思想是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像， 同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。 图表库 C3 – 以 d3 为基础构建的可重用图表库 Chart.js – 带有 canvas 标签的图表 Chartist.js – 具有强大浏览器兼容能力的响应式图表 Dimple – 适用于业务分析的面向对象的 API Dygraphs – 适用于大型数据集的交互式线性图表库 Echarts – 针对
从数据获得信息的最佳方式之一是，通过视觉化方式，快速抓住要点信息。另外，通过视觉化呈现数据，也揭示了令人惊奇的模式和观察结果，是不可能通过简单统计就能显而易见看到的模式和结论。
前面介绍前端JS是用Backbone的扩展框架Marionette开发，同时使用了Underscore和JQuery。JS代码组织如下：
RAWGraphs是一个在线的开源工具和数据可视化框架，用来处理Excel表中的数据。你只需将数据导入到RAWGraphs中，设计你想要的图表，然后将其导出为SVG格式或PNG格式的图片。此外，上传至RAWGraphs的数据只会在web端在线进行处理，保证了数据的安全性。
最近在开发关于乡镇地图相关的业务。通过本文记录开发的过程和遇到的问题。希望通过本文对有同样需求的小伙伴有所帮助。
本文主要介绍如何在Vue和React项目中使用ArcGIS JS API进行开发，与以往的esri-loader开发方式不同的是，本文使用的是@arcgis/cli脚手架的开发方式。
本文主要针对于在Vue和React项目中使用esri-loader和@arcgis/cli脚手架进行ArcGIS JS API开发时，比较两种方式的不同，供各位参考。
主要介绍如何用ArcGIS JS API 4.14去实例化一张二维地图，并简单介绍了和3.X版本实现方式的异同。
该数据是Canvas绘制地图的关键，可以使用json 或者 js 形式进行导入，小程序中使用js 更为方便。
vue是一个渐进式javascript框架，用来快速构建网页项目，在vue框架之上结构化leaflet地图库的产物vue2leaflet可以在vue项目中很方便的加载地图，下面简单介绍一个vue2leaflet加载地图的过程。
本文主要介绍如何在React项目中使用ArcGIS JS API进行开发，文中使用的JS API是目前最新版本的ArcGIS JS API 4.14，主要是在React项目demo中用JS API实例化了一张二维地图。
有用户反馈美团打车地图的性能有一些问题，美团打车技术团队在调研分析之后，采用了一套Native地图与Web的融合框架，不仅实现了用户手势事件智能分发的机制，还解决了WebView与Native地图在同一页面内布局困难的问题，同时性能也得到全面的优化。本文系融合技术的经验总结与分享。
Echarts官方文档已经暂停了地图数据的下载，但是百度Echarts给我们留了下载的官方接口：https://echarts.apache.org/examples/vendors/echarts/map/
web前端开发人员经常会用到一些现成的js库（框架）。框架的使用增加了代码的模块化和可复用性，目前主流的js框架有很多，各有侧重，我们通常只会用到其中一小部分子功能，这里总结了2020年11个热门JavaScript 库。
star:91.5k 官网：https://d3js.org/ GitHub地址：https://github.com/mbostock/d3
工具 - HBuilder 起因 HTML最开始其实不是一个编程语言，确实用不着什么ide。 但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前的文本编辑器能搞定的。 目前竟然没有一个开发工具能把7w多HTML5语法提示齐全，这不科学，在原生开发里这是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在语法提示、转到定义、重构、调试等方面都非常高效。 作为同时熟悉原生和HTML5开发的我们，我们在开发HTML5时明显感受到效率
如果还没有注册的童鞋可以先去百度地图开放平台注册一下账号，如果不明白可以参考：https://blog.csdn.net/qq_17623363/article/details/103234119
利用leaflet地图框架，将bing卫星地图载入，再利用pm功能，框选范围，js通过bing地图算法，得到坐标，进行瓦片图循环下载。本地再进行拼图。
什么是数据可视化?数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。为了有效地传达思想概念，美学形式与功能需要齐头并进，通过直观地传达关键的方面与特征，从而实现对于相当稀疏而又复杂的数据集
声明：本篇在李晓晖的《杂谈WebGIS》，补充更多的资料说明。基于地图二次开发一直断断续续在做，这里算是补充一下基本功把。其实对于前端，WebGis开发都是api，抄demo，改。GIS深入似大海，杂鱼汤来一碗
❖ Excel：Excel作为一个入门级工具，是快速分析数据的理想工具，也能创建供内部使用的数据图，但是Excel在颜色、线条和样式上课选择的范围有限，这也意味着用Excel很难制作出能符合专业出版物和网站需要的数据图。
本次毕业设计所涉及平台有服务器和客户端两个平台、所处理的数据有地理数据和非地理数据、所涉及的编程语言主要有C#和JavaScript，都比较多样化，所以在进行系统全面介绍前，先展示系统整体业务结构，如图2.1。
pages 用于构建Nuxt的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。
element：饿了么出品的Vue2的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic：快速构建移动端单页应用 eme：优雅的Markdown编辑器 vue-multiselect：Vue.js选择框解决方案 vue-table：简化数据表格 VueCircleMenu：漂亮的vue圆环菜单 vue-chat：vuejs和vuex及webpack的聊天示例 radon-ui：快速开发产品的Vue组件库 vue-waterfall：Vue.js的瀑布布局组件 vue-carbon：基于 vue 开发MD风格的移动端 vue-beauty：由vue和ant design创建的优美UI组件 vue-blu：帮助你轻松创建web应用 vueAdmin：基于vuejs2和element的简单的管理员模板 vue-syntax-highlight：Sublime Text语法高亮 vue-infinite-scroll：VueJS的无限滚动指令 Vue.Draggable：实现拖放和视图模型数组同步 vue-awesome-swiper：vue.js触摸滑动组件 vue-calendar：日期选择插件 bootstrap-vue：应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe：VueJS触摸滑块 vue-amap：基于Vue 2和高德地图的地图组件 vue-chartjs：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件 vue-upload-component：Vuejs文件上传组件 vue-datetime-picker：日期时间选择控件 vue-scroller：Vonic UI的功能性组件 vue2-calendar：支持lunar和日期事件的日期选择器 vue-video-player：VueJS视频及直播播放器 vue-fullcalendar：基于vue.js的全日历组件 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于Vue2的富文本编辑器 Vueditor：所见即所得的编辑器 vue-html5-editor：html5所见即所得编辑器 vue-msgbox：vuejs的消息框 vue-slider：vue 滑动组件 vue-core-image-upload：轻量级的vue上传插件 vue-slide：vue轻量级滑动组件 vue-lazyload-img：移动优化的vue图片懒加载插件 vue-drag-and-drop-list：创建排序列表的Vue指令 vue-progressive-image：Vue的渐进图像加载插件 vuwe：基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone：用于文件上传的Vue组件 vue-charts：轻松渲染一个图表 vue-swiper：易于使用的滑块组件 vue-images：显示一组图片的lightbox组件 vue-carousel-3d：VueJS的3D轮播组件 vue-region-picker：选择中国的省份市和地区 vue-typer：模拟用户输入选择和删除文本的Vue组件 vue-impression：移动Vuejs2 UI元素 vue-datatable：使用Vuejs创建的DataTableView vue-instant：轻松创建自动提示的自定义搜索控件 vue-dragging：使元素可以拖拽 vue-sli
vue 集成腾讯地图基础api Demo集合(基础地图引入与展示模块,地址逆解析，3D/2D切换 ，位置服务，mark标记)
工欲善其事，必先利其器。好的工具可以大大提升你的工作效率，并获得身边人的羡慕和赞赏。今天，我们就来向小伙伴们分享一大波非常实用的工具，武装你的大脑。 ▲图表类 iCharts 简介：各种主题的开放图
新媒体管家 大数据时代，你还在拿Excel做的图表提交给Boss看吗？有没有想过用其他更炫酷的工具让Boss眼前一亮呢？为了让大家了解如何选择适合的数据可视化产品，小编整理了50款可以用来做数据可视化
大数据时代，需要工具实现数据可视化，需要倚仗大数据可视化工具，这些工具中不乏有适用于Flash、HTML5、NET、Java、Flex等平台的，也不乏有适用于常规图表报表、金融图表、工控图表、甘特图、流程图、数据透视表、OLAP多维分析等图表报表开发的。
高德地图API官网：高德开放平台 | 高德地图API。由于博主是基于前端 Vue 框架进行开发的，所以针对地图 JavaScript API 结合 Vue 展开介绍。
ArcGIS Maps SDK for JavaScript 是由 Esri 公司开发的一款用于构建交互式地图应用程序的 JavaScript 库。它提供了丰富的地图显示、分析和可视化功能，适用于各种场景。 目前，ArcGIS Maps SDK for JavaScript 提供两个主要版本：3.x 和 4.x。
原文链接：https://mp.weixin.qq.com/s/wSp-UKiIlufnIC3KPY-WTQ
知晓程序注： 我们往期发布的实战指南，大多针对线上业务，如「手把手教你做电商小程序」系列。 关注知晓程序（微信号 zxcx0101），回复「电商」，查看电商小程序开发教程系列文章。 我们相信，小程序的
想立即开始您的项目，而不是把时间浪费在评估各种开发工具，担忧实现效果不理想？ ThingJS凭借各种内置的开发者工具以及对语言和框架开箱即用的支持，提供高效 JavaScript 开发3D可视化项目所需的一切！
学习地址： https://www.bilibili.com/video/BV1Ui4y1U7c6/?p=26&share_source=copy_web&vd_source=c64d57391b4f01119d930e79fb0b819b
观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。
俗话说的好：工欲善其事，必先利其器！一款好的工具可以让你事半功倍，尤其是在大数据时代，更需要强有力的工具通过使数据有意义的方式实现数据可视化，还有数据的可交互性；我们还需要跨学科的团队，而不是单个数据
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
