百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)

您所在的位置:网站首页 百度地图清除覆盖物时如何不清除信息窗口 百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)

百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)

2023-05-26 05:47| 来源: 网络整理| 查看: 265

百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端) 原创

漏刻有时 2022-01-30 17:28:39 博主文章分类:地图开发 ©著作权

文章标签 css 自定义 数据 文章分类 代码人生

©著作权归作者所有:来自51CTO博客作者漏刻有时的原创作品,请联系作者获取转载授权,否则将追究法律责任

自定义区划管理,不需再受限于行政规划,可根据业务特点(如网点覆盖范围、消费者分布、内部人员分工等)自由划分区域块,实现企业信息的精细化格网管理。百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)_数据

视频演示:

百度地图自定义区划管理视频教程

基于百度地图API开放接口;获取边界数据后,PHP后台数据管理;降低专业GIS软件门槛,将GIS优化为大众画图工具,让画区不再繁琐;支持多人在线协同编辑区域及业务数据,提升工作效率; JS文件引入 HTML容器构建

提交区划经纬度数据

提交自定义区划/*提交自定义区划*/ $(function () { $("#btn").click(function () { var name = $("#name").val(); var lnglat = $("#res").val(); if (name == "") { alert("区划名称不能为空!"); $("#name").focus(); return false; } if (lnglat == "") { alert("经纬度不能为空!"); $("#res").focus(); return false; } //提交数据入库; addDistrict(name, lnglat.substr(0, lnglat.length - 1)) }) }) 获取行政区划的边界轮廓/*获取行政区划的边界轮廓*/function getArea() { $.ajax({ type: 'post', async: true, data: {}, url: 'api/api.php?act=getDistrict&token=3cab7ce4142608c0f40c785b5ab5ca24', dataType: "json", success: function (res) { //console.log(res.data); var arr = []; for (var m = 0; m < res.data.length; m++) { arr.push(res.data[m].lnglat); } //绘制多边形; drawPolygon(arr); }, error: function (err) { console.log(err + "请求数据失败!"); } }); //绘制多边形; function drawPolygon(arr) { var ops = { strokeColor: "rgba(0,0,0,1)", fillColor: "rgba(0,0,0,1)", fillOpacity: 0.4, strokeOpacity: 0.1 }; for (var j = 0; j < arr.length; j++) { //console.log(eval(arr[j])); var plPoint = []; for (var i = 0; i < eval(arr[j]).length; i++) { //console.log(eval(arr[j])[i][0]); plPoint.push(new BMap.Point(eval(arr[j])[i][0], eval(arr[j])[i][1])); } var ply = new BMap.Polygon(plPoint, ops); map.addOverlay(ply); //ply.enableEditing(); } }}

Done!

收藏 评论 分享 举报

上一篇:javascript实现对象数据键值不同的Object.keys循环读取解决方案

下一篇:layer弹出图片大小自适应



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3