在数据库获取某经纬度周边的商铺

$slat = $banner_content['jd'];
            $slng = $banner_content['wd'];
            $sql = "select *, ROUND(6378.138*2*ASIN(SQRT(POW(SIN(($slat*PI()/180-jd*PI()/180)/2),2)+COS($slat*PI()/180)*COS(jd*PI()/180)*POW(SIN(($slng*PI()/180-wd*PI()/180)/2),2))),5) AS juli  
                FROM {$this->model->pre}post where status=1 HAVING juli <= 2";
            $list = $this->model->query($sql);
            $this->assign('list', $list);

 

layui本身并不是一个地图API库,但它可以配合其他地图API(如高德地图、百度地图等)来进行地理位置的展示。要在layui框架下利用已有的数据库经纬度数据在地图上显示,你需要做以下几个步骤: 1. 首先,确保你已经引入了地图API库,例如高德地图的`AMap.js`。 2. 使用layui的数据操作功能获取数据库中的经纬度信息。这通常通过Ajax请求数据库,然后解析返回的结果。 ```javascript layui.use(['layer', 'amap'], function(){ var layer = layui.layer; var amap = layui.amap; // 获取数据库经纬度数据 $.ajax({ url: '/get_location_data', // 替换为你实际的API地址 success: function(data) { var locations = data.locations; // 假设data包含locations数组,每个对象有lat和lng属性 for (var i = 0; i < locations.length; i++) { var marker = new amap.Marker({ position: [locations[i].lat, locations[i].lng], // 这里的坐标格式通常是 LonLat draggable: false // 是否允许拖动标记,默认为false }); amap.addMarker(marker); } }, error: function() { layer.error('获取位置数据失败'); } }); }); ``` 3. 初始化地图并设置中心点和其他选项,比如缩放级别: ```javascript amap初始化代码: var map = new AMap.Map('container', { // 容器id,可以根据需求替换 zoom: 8, // 初始缩放等级 center: [116.404, 39.915], // 北京坐标作为初始中心点,同样需要替换为你要显示的位置 zoomControl: true, mapType: 'AMAP_NORMAL_MAP' // 地图类型 }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员子枫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值