已解决: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);
 })
相关文章
|
1月前
|
JavaScript 前端开发
JS如何处理后台时间
JS如何处理后台时间
|
1月前
|
前端开发 JavaScript 关系型数据库
基于 Vue2.0 + Nest.js 全栈开发的后台应用
Vue2 Admin 是一个基于 Vue2 和 Ant Design Pro 开发的前端项目,配合 Nest.js 构建的后端,提供了一个完整的全栈后台应用解决方案。该项目支持动态国际化、用户权限管理、操作日志记录等功能,适合全栈开发者学习参考。线上预览地址:https://vue2.baiwumm.com/,用户名:Admin,密码:abc123456。
|
1月前
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
43 1
|
2月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
44 2
|
2月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
41 3
|
2月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
51 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
52 1
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
32 5
|
2月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
21 3
|
2月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
77 1