Echarts地图坐标geoCoordMap后台生成动态获取的解决方案

简介: Echarts地图坐标geoCoordMap后台生成动态获取的解决方案

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

var geoCoordMap = {
    "舟山":[122.207216,29.985295],    
"齐齐哈尔":[123.97,47.33],
"盐城":[120.13,33.38],
"拉萨":[91.11,29.97],
"南宁":[108.33,22.84],
}

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

            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文件,内部按照其格式开发,前端直接调用:

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


Done!

相关文章
|
1月前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
148 1
|
2月前
|
JavaScript 定位技术
echarts地图数据信息流向图效果
本文介绍了如何使用 ECharts 创建一个地图数据信息流向图效果,包括设置地理坐标、线条动画和流向图的实现方法,并通过 Vue.js 封装了一个可重用的 ECharts 地图组件。
144 23
echarts地图数据信息流向图效果
|
3月前
|
搜索推荐 前端开发 数据可视化
【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统,django框架+bootstrap前端+echarts可视化,有后台有爬虫
本文介绍了一个基于Django框架、协同过滤算法、ECharts数据可视化以及Bootstrap前端技术的酒店推荐系统,该系统通过用户行为分析和推荐算法优化,提供个性化的酒店推荐和直观的数据展示,以提升用户体验。
158 1
|
1月前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
441 0
Echarts大屏开发|前后台通用场景
Echarts大屏开发|前后台通用场景
|
4月前
|
缓存 数据可视化 前端开发
使用ECharts实现动态数据可视化的最佳实践
使用ECharts实现动态数据可视化的最佳实践
|
5月前
|
JSON 数据可视化 JavaScript
Echarts地图实现:山东省会员活跃度
使用ECharts展示山东会员活跃度,通过散点图和地图结合,颜色对比强烈,背景深蓝(#020933)、点色明亮黄(#F4E925)。核心代码示例展示了散点、地图及特效散点系列配置。[点击下载](https://download.csdn.net/download/No_Name_Cao_Ni_Mei/89493130)代码和数据。
82 0
Echarts地图实现:山东省会员活跃度
|
4月前
echarts 热力图(中国地图版)
echarts 热力图(中国地图版)
160 0
|
4月前
echarts 高亮轮廓的中国地图
echarts 高亮轮廓的中国地图
198 0
|
1月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
61 1

热门文章

最新文章

下一篇
无影云桌面