Echarts 贵州地图（增加贵安新区）

贵州增加贵安新区后，项目展示需要增加此区域，网上找了一下，主要用echarts 展示离线地图，通过geojson加载贵州地图，然后切割安顺靠近贵阳的一部分区域展示，效果如下：

由于懒，所以就直接划了直线切割，如果要好看，就多划一些锯齿状的边就行。

怎么切割，怎么划，大概说一下吧，每个地市的数据，就是一堆点连起来的线，我们只需要新建一个贵安新区，然后给他赋予这些点就行，那么有个问题，与贵安接壤的几个地方怎么弄，很明显，这些点其他地市共有的，根据地图，我们要切割安顺的，就需要找到安顺偏向贵阳的一部分线，剪切出来给贵安就行，数据如下：

增加贵安，然后测试单个点在哪里，geosion的数据是顺时针的，多修改一下点，看效果，就知道点在哪了，或者用地图看经纬度

最后增加如下：

{ "type": "Feature", "properties": { "id": "5204", "name": "贵安", "cp": [106.3037, 26.3782], "childNum": 6 }, "geometry": { "type": "Polygon", "coordinates": [ [ [105.9741, 26.4386], [106.0181, 26.4551], [106.04, 26.4661], [106.051, 26.4606], [106.062, 26.4606], [106.1279, 26.4935], [106.1389, 26.5869], [106.1609, 26.5979], [106.1499, 26.6254], [106.1719, 26.6144], [106.1719, 26.5924], [106.1829, 26.5869], [106.1829, 26.5704], [106.1829, 26.5485], [106.2048, 26.5485], [106.1938, 26.5375], [106.2268, 26.5375], [106.2708, 26.554], [106.2927, 26.543], [106.2927, 26.5375], [106.3147, 26.543], [106.3257, 26.5155], [106.3147, 26.488], [106.3477, 26.488], [106.3477, 26.4771], [106.3257, 26.4551], [106.3696, 26.4441], [106.3806, 26.4166], [106.3806, 26.4056], [106.3916, 26.4001], [106.3916, 26.4111], [106.4026, 26.4386], [106.4136, 26.4331], [106.4136, 26.4551], [106.4465, 26.4661], [106.4575, 26.4551], [106.4465, 26.4441], [106.4465, 26.4221], [106.4575, 26.4276], [106.4795, 26.3947], [106.5015, 26.3782], [106.5454, 26.3782], [106.5674, 26.3727], [106.5564, 26.3287], [106.5344, 26.3123], [106.5234, 26.3177], [106.5234, 26.3068], [106.4795, 26.2628], [106.3916, 26.2793], [106.3916, 26.2848], [106.3586, 26.2738], [106.3586, 26.2518], [106.3477, 26.2518], [106.3477, 26.2354], [106.3367, 26.2244], [106.3037, 26.2299], [106.3037, 26.2518], [106.2708, 26.2408], [106.2598, 26.2408], [106.2488, 26.2299], [106.2378, 26.2244] ] ] } }

]

同样，你可以自定义地图，在 http://geojson.io 中绘制，将geosion数据拷贝出来就行！

源码下载：https://download.csdn.net/download/langchaojin/12504714

Echarts 贵州地图（增加贵安新区）相关推荐

Echarts河北地图缺少雄安新区（合并、调整地图边缘）的解决办法
前言现有项目采用echarts地图做呈现,可是缺少客户关心的新区的规划(比如贵州省缺少贵安新区.河北省缺少雄安新区等).由于安全问题,现在基本都不提供经纬度json数据,为此自己只有采取其他解决方式 ...
echarts贵州地图展示自定义贵安新区
要求和预期结果: 实现贵州地市地图效果,并且鼠标过去有数据展示,贵安新区数据无法展示,弄个自定义地图展示出来相关文件准备,加载地图和部分相关组件.echarts.min.js 和 guizhou.j ...
贵州贵安新区试点大数据精准扶贫运营管理
大数据正在精准扶贫方面,发挥着越来越重要的作用. 20日,在精准扶贫--大数据背景下的双创实践专业论坛上,贵州省贵安新区党工委委员.管委会副主任黄家耀称,贵安新区现正在与省大数据办合作,在新区试点大数 ...
贵安新区打造“三链融合”大数据核心区
贵安软件园 2015年,贵安新区完成大数据信息产业规模总量142亿元,同比增加60%,注册大数据及关联企业超过400家,就业人数超过1.2万人,以绿色数据中心为代表的核心业态.以集成电路和智能终端为代 ...
贵安新区构建大数据+物联网+智能制造产业链
去年11月投产的贵安新区美高智慧循环产业园,着力探索将大数据和物联网的概念运用到生产制造中,该产业园未来目标是引进100家左右的配套企业,从而形成一条完整的产业链,为贵安电子信息产业打造移动智能端产品 ...
贵安新区聚焦智能终端产业推进移动互联升级
ZDNet至顶网软件频道消息:时下,每年换1-2部手机对许多人而言犹如家常便饭.先是触屏手机,然后是屏幕越来越大,现在又出现了曲屏手机.无边框手机甚至是具有全面手机功能的移动智能终端,如智能手表.那么 ...
【echarts 中国地图增加南海九段线】
echarts 中国地图增加南海九段线最近在开发echarts 中国地图时,客户提出中国地图要完整,需要增加南海九段线. 这是个政治任务,但是echarts里面的文档没有关于南海诸岛九段线的相关配置 ...
echarts 实现地图增加阴影及城市间线条
1.预期效果 2.边框使用到的属性 {shadowColor: `#337495`, // 阴影颜色shadowOffsetX: 8, // 阴影偏移shadowOffsetY: 20, // 阴影偏 ...
贵安，你不能错过的中国数据经济的“新后院”
一年一度的"数博会"让贵阳成了"大数据之都",声名远播.借大数据之东风,贵安新区--中国第八个国家级新区,位于贵州省贵阳市和安顺市结合部,也成了各大企业数据中心 ...

Echarts 贵州地图（增加贵安新区）

Echarts 贵州地图（增加贵安新区）相关推荐

最新文章

热门文章