vue+echarts+json绘制地图“绝对干货”

不多说，直接干

该样式实现及其简单
跟着我做就好了
vue没安装的
回去看基础吧
echarts没安装的

 npm install echarts -s//安装echarts包

//main.js 中引入
import echarts from 'echarts'
Vue.prototype.$echarts = echarts

废话好多，好烦

正儿八经的教程来了

地图下载地址
http://datav.aliyun.com/tools/atlas/#&lat=31.840232667909365&lng=104.2822265625&zoom=4

//引入页面
import echarts from 'echarts'
import JSON from './jiaxing.json'

//创建容器
<div class="left_center_map" id="main">

//代码最重要的地方
mounted () {this.leftCenterMap()},methods: {leftCenterMap () {var myChart = echarts.init(document.getElementById('main')) // 拿到一个实例echarts.registerMap('嘉兴市', JSON, {})//引入地图文件console.log(JSON)var option = {series: [{type: 'map',mapType: '嘉兴市'//地图名称}]}myChart.setOption(option)}}

就这么简单，样式还不会改的去官网看示例

关注我，不停地干货给你，我踩过的坑，你丫的少踩

vue+echarts+json绘制地图“绝对干货”相关推荐

Vue+Echarts实现中国地图的省市切换
Vue+Echarts实现中国地图的省市切换首先要安装一下Echarts npm install echarts 在min.js中引入echarts import * as echarts from ...
vue + echarts 实现乡镇地图
vue +echarts 实现乡镇地图一.导入地图数据(我这里用的是json) 在这里插入代码片 ``<template><div class="content" ...
Vue+ECharts实现可视化地图
Apache ECharts 一个基于 JavaScript 的开源可视化图表库,提供了常规的折线图.柱状图.散点图.饼图.K线图,用于统计的盒形图,用于地理数据可视化的地图.热力图.线图,用于关系数 ...
vue + echarts + ( bmap) 百度地图实现公交、骑行、车辆轨迹图
vue + echarts + ( bmap) 百度地图实现公交.骑行.车辆轨迹图最终目标最终目标:个性化的实现公交路线图先看看效果以免白看一场,如果你是想实现类似的效果可以继续往下看码起 ...
vue使用maptalks绘制地图教程
vue使用maptalks绘制地图教程一.加载最简单的地图二.加载更多地图样式版本: vue:2.7.14 vue-cli:3.2.1 maptalks:1.0.0 一.加载最简单的地图在gi ...
vue+echarts GL3d中国地图
相关实例 made a pie 添加链接描述 2.添加链接描述 3.添加链接描述一.下载安装所需包 npm install echarts@4.9.0 --save //之所以下载4点几版本是因为5 ...
vue+echarts实现3d地图——引入3d地图,加点,加点击事件
先看效果图: 1,获取相当于的json文件,推荐一个获取各个市县的json文件地址点击前往将下载好的josn文件重命名,简短点. 一共就三个文件第一个就是json文件, 第二个是myMap.js ...
vue+echarts+bmap绘制散点图
基于echarts的中国地图散点图在上篇博客中已经写过了,这篇博客主要写一下基于扩展的百度地图为地图绘制的方法 1.在main.js注册echarts 2.在页面引入bmap.js import 'e ...
vue+Echarts+element-ui+百度地图实现地图可视化
1.安装Echarts npm i echarts -S ||npm install echarts --save 官网教程: https://www.echartsjs.com/zh/tutoria ...

vue+echarts+json绘制地图“绝对干货”

vue+echarts+json绘制地图“绝对干货”

关注我，不停地干货给你，我踩过的坑，你丫的少踩

vue+echarts+json绘制地图“绝对干货”相关推荐

最新文章

热门文章