我是靠谱客的博主 要减肥美女,这篇文章主要介绍Echarts地图坐标geoCoordMap后台生成动态获取的解决方案,现在分享给大家,希望可以做个参考。

在echarts制作地图时,使用到geoCoordMap,其格式如下:

复制代码
1
2
3
4
5
6
7
8
var geoCoordMap = { "舟山":[122.207216,29.985295], "齐齐哈尔":[123.97,47.33], "盐城":[120.13,33.38], "拉萨":[91.11,29.97], "南宁":[108.33,22.84], }

这是一组非数组,非标准JSON格式的非常规对象,如果利用ajax获取后使用字符串拼接,是无法显示字符串到对象的转化的,该方案放弃。

复制代码
1
2
3
4
5
6
7
success: function (res) { if (res.data) { var arr = res.data; for (var j = 0; j < arr.length; j++) { a1 += """ + arr[j].name + "":[" + arr[j].lon + "," + arr[j].lat + "],"; }

目前的解决方案,是直接通过后台生成geoCoordMap.js文件,内部按照其格式开发,前端直接调用:

复制代码
1
2
3
<!--所有位置信息的geoCoordMap,需提前生成--> <script type="text/javascript" src="js/geoCoordMap.js"></script>

Done!

最后

以上就是要减肥美女最近收集整理的关于Echarts地图坐标geoCoordMap后台生成动态获取的解决方案的全部内容,更多相关Echarts地图坐标geoCoordMap后台生成动态获取内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(69)

评论列表共有 0 条评论

立即
投稿
返回
顶部