已解决:JS需要遍历后台数组

简介: 前端时间做一个百度地图,需要在地图上显示所有商家(每个商家都有一个自己的经纬度,从后台传到前台),但是百度地图API都是JS写的,下面是解决方法:传过来的写个隐藏的标签先获取到这些数据 {foreach name="lists" id="list"} {$list.

前端时间做一个百度地图,需要在地图上显示所有商家(每个商家都有一个自己的经纬度,从后台传到前台),但是百度地图API都是JS写的,下面是解决方法:

传过来的写个隐藏的标签先获取到这些数据
<div style="display: none">
    {foreach name="lists" id="list"}
    <p class="longitude">{$list.longitude}</p>
    <p class="latitude"> {$list.latitude}</p>
    {/foreach}
</div>

 // 添加标注
 var longitude = $('.longitude');
     $.each(longitude,function (index,ele) {
var points = new BMap.Point($(ele).text(), $('.latitude:eq('+index+')').text());
     addMarker(points);
 })
相关文章
|
24天前
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
26 1
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
26 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
24 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
36 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
33 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
24 5
|
1月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
18 3
|
1月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
42 1
|
1月前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
18 0
|
1月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
27 3
下一篇
无影云桌面