echarts绘制地图所用的json文件如何修改geometry.coordinates

李虎军 2019-03-26 05:27:12
echarts绘制地图所用的json文件如何修改geometry.coordinates属性;

现阶段我正在学习echarts绘制地图;
我使用的是本地json、js文件通过echarts插件绘制的。但是在绘制内蒙古 - 呼伦浩特市的时候发现与百度地图上的地图区域不太对应,
但是百度地图api里获取到的地理坐标是116.401487, 40.039207;116.396889, 40.043107;116.397532, 40.047478;116.377657, 40.050901这种形式;
而js或json里的coordinates属性(地理坐标)是:"@@R@ZNJBbE\\FpGnARD\\TPDL@XEL@jRJH\\^JHJDLD`@^AfIxAH@JHDDNBXCV@ZJ~PL]LIvKRKTQHELCTADAJIreFEDGHANAHBXFL@LCNMnWDIAG@KKK@K@GJU@A_EIECEBKAKBCPMNE†UPMJG^"
这种的字符串形式。

弄了12个小时了,也没找到转换方法,用数字坐标形式,绘制的图形不太对。

有哪路大神能够指点一下,仅限于echarts实现。非常感谢
...全文
2101 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
WuLiMi19 2021-06-30
  • 打赏
  • 举报
回复

你的做好了没有 ,怎么做的呀

Dr立 2019-05-17
  • 打赏
  • 举报
回复
引用 楼主 高胜超 的回复:
echarts绘制地图所用的json文件如何修改geometry.coordinates属性; 现阶段我正在学习echarts绘制地图; 我使用的是本地json、js文件通过echarts插件绘制的。但是在绘制内蒙古 - 呼伦浩特市的时候发现与百度地图上的地图区域不太对应, 但是百度地图api里获取到的地理坐标是116.401487, 40.039207;116.396889, 40.043107;116.397532, 40.047478;116.377657, 40.050901这种形式; 而js或json里的coordinates属性(地理坐标)是:"@@R@ZNJBbE\\FpGnARD\\TPDL@XEL@jRJH\\^JHJDLD`@^AfIxAH@JHDDNBXCV@ZJ~PL]LIvKRKTQHELCTADAJIreFEDGHANAHBXFL@LCNMnWDIAG@KKK@K@GJU@A_EIECEBKAKBCPMNE†UPMJG^" 这种的字符串形式。 弄了12个小时了,也没找到转换方法,用数字坐标形式,绘制的图形不太对。 有哪路大神能够指点一下,仅限于echarts实现。非常感谢
你需要判断他们用的是什么坐标系。 参考下面这个坐标系转换 https://www.cnblogs.com/yesicoo/p/4668642.html
2019-04-28
  • 打赏
  • 举报
回复
直接用没加密的数据就行了

<script type="text/javascript">
	var mapdata = {"type": "FeatureCollection", "features": [{"type":"Feature","properties":{"name":"丰台区","id":"110106"},"geometry":{"type":"MultiPolygon","coordinates":[[[[116.317345,39.8938430000001],[116.321324492188,39.8769472480469],[116.35845828125,39.8653823066407],[116.377345,39.873843],[116.39634890625,39.8501113105469],[116.411793242188,39.8693959785156],[116.437345,39.873843],[116.454151640625,39.8484108710938],[116.427345,39.833843],[116.421881132813,39.8293056464844],[116.407515898438,39.8120082832032],[116.431300078125,39.7922487617188],[116.369420195313,39.7793056464844],[116.352808867188,39.7993056464844],[116.32748171875,39.8083803535157],[116.302413359375,39.7677419257813],[116.284703398438,39.7890627265625],[116.247345,39.793843],[116.2157825,39.8279079414063],[116.192530546875,39.778637921875],[116.162877226563,39.7798122382813],[116.152535429688,39.7686525703125],[116.1217590625,39.7590334296875],[116.122545195313,39.7788430000001],[116.122125273438,39.7894289375001],[116.085533476563,39.7879787421875],[116.072535429688,39.8290334296875],[116.047345,39.843843],[116.05388796875,39.8544655585938],[116.131158476563,39.8800307441406],[116.157345,39.883843],[116.210953398438,39.8771450019531],[116.231793242188,39.8893959785157],[116.247345,39.8938430000001],[116.292506132813,39.8882009101563],[116.317345,39.8938430000001]]]]}}]};
	echarts.registerMap('丰台区', mapdata);

	var chart = echarts.init(document.getElementById('chart'));
	var option = {
        title: {
            text: '丰台区',
        },
        series: [
            {
                type: 'map',
                map: '丰台区'
            }
        ]
    }
	chart.setOption(option);
</script>
A17732810425 2019-04-27
  • 打赏
  • 举报
回复
同求次方法啊~~求大神指点

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧