VUE 下钻到街道的echarts地图——geoJson

下钻到街道的echarts地图

	在echarts中有自带的geojson文件但是只有到县级，县级以下的街道是没有的

此时我们需要利用其他工具自己来写一个geojson

1. 下载一个地图软件（这里以水经微图为例）
   在左侧选择你需要的街道（或者乡镇）然后点击下载
   
   选择你需要的地图大小
   
   下载完成后会弹出文件目录，其中的.kml文件是我们需要的
   

2. 利用转换工具将.kml文件转为geojson
   这里转换工具为http://geojson.io/
   打开网站后直接将刚刚下载的.kml拖入 或者通过 Open -> File 上传下载好的 .kml文件，拖入后我们可以看到地图和边上的代码
   

3. echarts使用geojson
   将地图右侧的代码复制，自己新建一个.json文件将右侧代码复制，下面是具体的使用代码

<template>
	<div class="map" style="width: 100%;height: 100%;">
		<ECharts :id="map" :option="option"></ECharts>
	</div>
</template>


<script>
	import echarts from 'echarts';
	import cixi from '../../../../../assets/styles/cixi.json'
	export default {
    
		data() {
    
			return {
    
				option: {
    },
				mapDate: [],
				map: 'map'
			}
		},
		methods: {
    
			initChart() {
    
				this.echartObj = echarts.init(document.getElementById(this.map));
				echar