echarts地图钓鱼岛赤尾屿和南海诸岛内部岛屿问题

echarts china.js地图显示不符合国家要求问题

方法一

先从下面地址下载中国地图的json文件

地图选择器
修改该文件中各省name，去掉“X族自治区”、“特别行政区”等
使用echarts先注册再使用

//注册
$.getJSON("js/mapJson/china.json", function (data) {echarts.registerMap('china', data);})
//使用
geo: {map: "china",}

方法二

使用百度地图作为底图

.vue文件引入bmap.min.js

import "../../../static/js/bmap.min";

option

 let option = {tooltip: {//触发类型  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。trigger: "item"},//地图配置bmap: {center: [121.47, 31.23],zoom: 6,roam: true,mapStyle: {styleJson: [{featureType: "water",elementType: "all",stylers: {color: "#044161"}},{featureType: "land",elementType: "all",stylers: {color: "#004981"}},{featureType: "boundary",elementType: "geometry",stylers: {color: "#064f85"}},{featureType: "railway",elementType: "all",stylers: {visibility: "off"}},{featureType: "highway",elementType: "geometry",stylers: {color: "#004981"}},{featureType: "highway",elementType: "geometry.fill",stylers: {color: "#005b96",lightness: 1}},{featureType: "highway",elementType: "labels",stylers: {visibility: "off"}},{featureType: "arterial",elementType: "geometry",stylers: {color: "#004981"}},{featureType: "arterial",elementType: "geometry.fill",stylers: {color: "#00508b"}},{featureType: "poi",elementType: "all",stylers: {visibility: "off"}},{featureType: "green",elementType: "all",stylers: {color: "#056197",visibility: "off"}},{featureType: "subway",elementType: "all",stylers: {visibility: "off"}},{featureType: "manmade",elementType: "all",stylers: {visibility: "off"}},{featureType: "local",elementType: "all",stylers: {visibility: "off"}},{featureType: "arterial",elementType: "labels",stylers: {visibility: "off"}},{featureType: "boundary",elementType: "geometry.fill",stylers: {color: "#029fd4"}},{featureType: "building",elementType: "all",stylers: {color: "#1a5787"}},{featureType: "label",elementType: "all",stylers: {visibility: "off"}}]}},series: series};

//series

coordinateSystem: "bmap",

echarts地图钓鱼岛赤尾屿和南海诸岛内部岛屿问题相关推荐

ECharts实现带钓鱼岛和南海诸岛的中国(China)地图
转载 [问题探讨]ECharts实现带钓鱼岛和南海诸岛的中国(China)地图环境:VUE+ ECharts 重点阐述: 1,在VUE安装ECharts后,在如下目录就有地图js/json可以使用 ...
Echarts 南海诸岛简图显示位置调整
最近需要echart同时显示海南岛和南海诸岛,开始想寻找南海诸岛的数据,经过查找,这种简图数据是没有的(china.js地图数据一一找过了),下图是echarts的一些示例,没有满足我们的要求 ...
echart绘制海南地图时增加南海诸岛显示（现成geojson数据）
使用场景:产品经理要求展示海南地图时,需要显示南海诸岛: 问题:南海诸岛在中国地图上的显示,是echart在mapName='china'时,默认fix进去.但是海南省不会默认fix进去解决方案:将 ...
Echarts中国地图不能显示南海诸岛的问题
注册中国地图的时候,必须是china,则echarts.registerMap('china', geoJson),不能China或是'中国',否则无法显示南海诸岛
echarts全国地图只显示南海诸岛问题
在使用百度开源的可视化工具echarts时,用到中国地图,参照官方文档用此段代码 value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]attr = [&qu ...
Echarts 地图隐藏右下角 “南海诸岛” 的方法
1.需求: Echarts 地图右下角 "南海诸岛" 在项目中有点多余,需要隐藏 2.查询 Echarts 官网配置项,发现修改属性 "geo.regions" ...
echarts 中国地图(带南海诸岛) 及各省份地图json文件
各省份.区域的地图json文件可以去 http://datav.aliyun.com/tools/atlas 找,能下载. 中国地图(带南海诸岛) 上代码 <template><di ...
Echarts地图不展示南海九段线/南海诸岛问题解决
改之前: 改之后:(因为没有数据颜色较浅,将就看吧) 1.第一种情况:如果map类型为中文'中国'/地图名称,而不是china 进入这个路径文件:\node_modules\echarts\lib\c ...
echarts 中国地图点击进入相应省份海南省里的南海诸岛换成诸岛简图
DataV.GeoAtlas地理小工具系列在这里下载了中国以及各省的json文件,但是下面海南那块国家海岸线里有很多岛我不想要,明明已经有个南海诸岛的框了,在那占位置不好看,这时就要改变下Chin ...

echarts地图钓鱼岛赤尾屿和南海诸岛内部岛屿问题

echarts china.js地图显示不符合国家要求问题

方法一

方法二

echarts地图钓鱼岛赤尾屿和南海诸岛内部岛屿问题相关推荐

最新文章

热门文章