扩展脚本

https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js

echarts：“4.2.1”

echarts/map/js/china.js

options

option = {backgroundColor: 'rgb(128,128,128,0)',geo3D: {map: 'china',roam: true,itemStyle: {areaColor: 'rgb(5,101,123)',opacity: 1,borderWidth: 0.8,borderColor: 'rgb(62,215,213)'},label: {show: false,},emphasis: { //当鼠标放上去  地区区域是否显示名称label: {show: true,textStyle: {color: '#fff',fontSize: 3,backgroundColor: 'rgba(0,23,11,0)'}}},light: {main: {color: '#fff', //光照颜色intensity: 1.2, //光照强度shadowQuality: 'high', //阴影亮度shadow: false, //是否显示阴影//                        alpha: 55,beta: 10},ambient: {intensity: 0.3}}},}

整体引入

import echarts from 'echarts'
import resize from './mixins/resize'import map from './mixins/map.js'
import  './mixins/echarts-gl.min.js'
import china from './mixins/china.js'beforeDestroy() {if (!this.chart) {return}this.chart.dispose()this.chart = null},methods: {initChart() {this.chart = echarts.init(this.$refs.mapRef)window.onresize = resizethis.chart.setOption({`options`})},

参考链接

[4]:  http://echarts.zhangmuchen.top/#/index

三维地图代码 echarts demo相关推荐

三维地图之cesium轨迹回放（有代码）
一.cesium加载三维地图和三维模型 Cesium的官方教程写得是非常详尽的,用chrome打开官方学习文档https://cesium.com/docs/,一键翻译,照着学习是最好的方案. 最简单 ...
eCharts二三维地图总结
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景最近多个项目中的登录页面陆续提出了不少地图需求,主要围绕地图的 ...
湖北地图html代码,echarts全国省市地图代码
[实例截图] echarts全国省市地图代码 [实例截图] [核心代码] html5 canvas echarts全国省市地图代码 *{margin: 0;padding: 0;} body{widt ...
Qt开发技术：Q3D图表开发笔记（二）：Q3DBar三维柱状图介绍、Demo以及代码详解
若该文为原创文章,转载请注明原文出处本文章博客地址:https://hpzwl.blog.csdn.net/article/details/130150728 各位读者,知识无穷而人力有穷,要么改需 ...
如何解决`三维地图联系microsoft 必应地图服务时遇到错误,功能可能受限制(状态代码:4)`
三维地图联系microsoft 必应地图服务时遇到错误,功能可能受限制(状态代码:4) 很简单,看了很多说明,其实就是你网络的问题,一般换成手机热点就好了,啪的一下很快啊,流量没了
html css省市区,利用echarts实现全国热点活跃地区地图代码
特效描述:利用echarts实现全国热点活跃地区地图代码.利用echarts实现全国热点活跃地区地图代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 // 路径配置 re ...
FGMap学习之--三维地图
你是否想让自己的地图以三维的形式展示出来呢?在三维下查看QQ地图.Bing地图.MapABC地图或者自己的地图是否有不一样的感觉呢?今天我们就来看看如果使用FGMap API来实现这个功能. 上次我们 ...
三维地图（3D地图）离线地图开发
三维地图(3D地图)离线地图开发发布时间:2020-03-03 版权: 1.如何搭建离线地图开发环境视频教程 2.下载离线地图数据(金 ...
三维地图（3D地图）离线地图开发发布时间：2020-03-03 版权：
三维地图(3D地图)离线地图开发发布时间:2020-03-03 版权: 1.如何搭建离线地图开发环境视频教程 2.下载离线地图数据(金 ...

三维地图代码 echarts demo

扩展脚本

options

整体引入

三维地图代码 echarts demo相关推荐

最新文章

热门文章