地图开发
文章平均质量分 57
漏刻有时
深耕数据可视化与地图GIS技术,融合AI前沿探索,致力于打造智能数据洞察新纪元。通过精美图表展现数据魅力,让复杂信息一目了然;运用GIS技术绘制精准地图,赋能空间数据深度分析。同时,结合AI算法优化数据处理与预测,开启智能决策新篇章。在这里,每一行代码都是对未知世界的探索,每一次可视化都是智慧的火花。
展开
-
漏刻有时百度地图API实战开发(12)(切片工具的使用、添加自定义图层TileLayer)
【代码】漏刻有时百度地图API实战开发(10)(切片工具的使用、添加自定义图层TileLayer)原创 2023-12-16 14:38:53 · 706 阅读 · 0 评论 -
Photoshop插件3D Map Generator Geo的使用记录1(版本说明、安装卸载使用和高程数据生成3D地形图的准备工作)
总之,3D Map Generator是一款功能强大的3D地图创建和定制化工具,可以帮助用户快速创建出高质量的3D地图,并支持多种图层类型和可定制化效果。原创 2023-12-16 11:33:09 · 1933 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(11)生成随机坐标的方案
Bounds对象包含四个属性,其中,southwest和northeast分别表示视野范围南点和北点的经纬度,即地图视野的左下角点和右上角点的经纬度。通过调用map.getBounds()方法,您可以获取当前地图视口的边界范围,然后可以使用这些信息进行各种操作,例如确定地图上的位置是否在视口内、计算视口内的面积等。方法获取视野范围的西南角和东北角坐标,然后使用Math.random()函数生成随机的经度和纬度。方法获取当前地图的视野范围,然后在这个范围内生成随机的经纬度坐标。在上面的代码中,我们首先使用。原创 2023-12-15 10:27:39 · 616 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(10)清除覆盖物和清除指定覆盖物
百度地图开发中的清除覆盖物是指删除地图上的某些元素,例如标记、折线、多边形、圆形等。这些元素通常被称为覆盖物。在开发过程中,有时需要清除这些覆盖物,以实现地图的更新或调整。清除覆盖物的方法通常取决于覆盖物的类型和添加到地图的方式。例如,使用JavaScript API添加的覆盖物可以通过调用相应的方法来清除。对于标记(Marker),可以使用方法来清除;对于折线(Polyline),可以使用方法来清除;对于多边形(Polygon)和圆形(Circle),也可以使用类似的方法来清除。原创 2023-12-15 10:12:17 · 1928 阅读 · 1 评论 -
漏刻有时百度地图API实战开发(8)关键词输入检索获取经纬度坐标和地址
在百度地图中进行关键词输入检索时:1. 在地图页面顶部的搜索框中输入关键词。2. 点击搜索按钮或按下回车键进行搜索。3. 地图将显示与关键词相关的地点、商家、景点等信息。原创 2023-12-11 01:25:35 · 727 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(7)个性化地图加载瓦片空白和Echarts加载bmap元素跟踪重影
在使用百度个性化地图时,出现地图瓦片加载缓慢或者空白。原创 2023-11-30 08:44:18 · 930 阅读 · 1 评论 -
漏刻有时百度地图API实战开发(6)多个标注覆盖层级导致不能响应点击的问题
当多个标注(marker)位置比较近且地图级别比较小,标注直接相互覆盖了。在下发的标注无法响应鼠标的点击事件。属性,当鼠标移到标注上时,标注自动调整到第一层;鼠标移除再返回最后一层。原创 2023-11-09 13:45:06 · 339 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(5)区域限制移动端鬼畜抖动的解决方案
百度地图浏览区域限制类,对外开放。允许开发者输入限定浏览的地图区域的Bounds值, 则地图浏览者只能在限定区域内浏览地图。原创 2023-11-09 11:31:48 · 296 阅读 · 2 评论 -
漏刻有时百度地图API实战开发(4)显示指定区域在移动端异常的解决方案
百度地图JavaScript API使用Boundary方法添加覆盖物显示省市某一区域的解决方案,具体参见:无奈,只好转变思路,使用掩膜方案予以解决移动端:@漏刻有时。原创 2023-11-09 09:50:05 · 264 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(3)自动获取地图多边形中心点坐标
在百度地图中,多边形覆盖物表示地图上的多边形区域。这些区域可以是封闭的,也可以是开放的。多边形覆盖物通常用于表示地图上的行政区划、地标或任何需要强调的区域。多边形覆盖物拥有自己的地理坐标,并能随着地图的拖动或缩放而相应地移动。在创建多边形覆盖物时,需要提供多边形的顶点坐标,并可以通过调整顶点顺序或添加新的顶点来编辑多边形的形状。需要注意的是,同一时刻在地图上只能有一个信息窗口打开。对于需要展示更多信息的多边形覆盖物,可以考虑使用信息窗口或其他覆盖物类型。原创 2023-11-09 09:08:25 · 592 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(2)文本标签显示和隐藏的切换开关
在百度地图开发的过程中,如果遇见大数据量POI标注展示或在最佳视野展示时,没有文本标签,会不清楚具体标注的代表的意义;如果同时显示大量的文本标签,又会导致界面杂乱且无法清晰查看,因此,需要做切换开关。原创 2023-11-07 22:57:12 · 441 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(1)华为手机无法使用addEventListener click 的兼容解决方案
使用各种类型的事件,比如点击(click)、鼠标悬停(mouseover)等。当在地图上点击时,会触发一个事件,然后调用提供的函数。通过监听touchstart和touchmove两个事件中,x1,y1和x2,y2的差值(绝对),如果大于10px那么认为是拖动,否则认为是点击。漏刻有时项目开发中的调用了百度地图API,在PC端、IOS和安卓机型测试都没有问题。当然,也可以绑定其他的事件,比如mouseover、mouseout等,只需要将事件类型替换即可。原创 2023-11-07 20:13:53 · 958 阅读 · 1 评论 -
漏刻有时百度地图API实战开发(8)JavaScript开源库几何运算判断点是否在多边形内(电子围栏)
百度地图JavaScript开源库,是一套基于百度地图API二次开发的开源的代码库。目前提供多个lib库,帮助开发者快速实现在地图上添加Marker、自定义信息窗口、标注相关开发、区域限制设置、几何运算、实时交通、检索与公交驾车查询、鼠标绘制工具等功能。原创 2023-10-20 12:49:12 · 870 阅读 · 0 评论 -
漏刻有时百度地图API实战开发(7)圆形区域周边搜索地图监听事件(覆盖物重叠显示层级\图像标注监听事件、setZIndex和setTop方法)
默认情况下,纬度较低的标注会覆盖在纬度较高的标注之上,从而形成一种立体效果。在开发过程中,需要单击地图,以当前坐标为中心点,搜索周边N公里半径内的搜索圆形区域内的图像标注POI,展示出来,同时支持信息弹窗。通过在F12调试工具,元素面板下,可以清楚查看包括map在内的各个覆盖物的显示层级。但是图像标注比较多的情况下,通过该方式设置,仍旧避免不了被覆盖的情况。类创建了一个自定义标注,并将其显示在地图上。在上面的示例中,首先创建了一个百度地图实例,然后通过。请注意,zIndex值越大,标注的层级越高。原创 2023-10-18 21:21:05 · 1400 阅读 · 1 评论 -
高端百度地图开发2:自定义水滴头像(鼠标事件、API封装对接)
高端百度地图开发系列一、添加自定义覆盖物的方法二、对接API数据1.获取API数据(模拟)2.遍历数据3.添加自定义覆盖物封装函数4.添加监听事件三、覆盖物类1.Overlay2.MapPanes四、鼠标操作单击事件//添加自定义覆盖物;原创 2023-08-12 10:40:32 · 521 阅读 · 1 评论 -
高端百度地图开发1:自定义水滴头像(自定义标注覆盖物、Overlay覆盖类)
自定义标注覆盖物(Custom Overlay)是百度地图中的一种功能,它允许开发者在地图上绘制自定义的标记物,以更符合自己的业务需求和设计风格。通过自定义标注覆盖物,你可以在地图上添加各种类型的标记,如图标、文字、线条等,以丰富地图展示的内容。相比于普通的地图标注,自定义标注覆盖物具有更高的灵活性和可定制性。原创 2023-08-11 19:50:40 · 1054 阅读 · 1 评论 -
ChatGPT工作提效之使用百度地图在首都为六一儿童节献爱心(多边形覆盖物、文本标注、自动获取经纬度、爱心函数)
作为程序员,结合自己的专业技能和兴趣爱好,为小朋友们制作和提供各种有意义的教育和娱乐内容,帮助他们在有趣的游戏和应用中学习和成长,提高他们的学习兴趣和认知水平。今天做个尝试吧!margin : 0;font-family : "微软雅黑";原创 2023-06-01 00:15:00 · 819 阅读 · 2 评论 -
ChatGPT工作提效之使用python开发对接百度地图开放平台API的实战方案(批量路线规划、批量获取POI、突破数量有限制、批量地理编码)
直接通过 requests 请求发送 HTTP 请求,获取响应结果。这种方式比较简单直接,可以通过 requests 库发送 GET、POST 等不同类型的请求,获取响应结果后进行解析和处理。import requests # 百度地图 API 地址 url = "https://api.map.baidu.com/place/v2/search" # 请求参数 params = {原创 2023-05-27 00:30:00 · 2315 阅读 · 2 评论 -
漏刻有时地理信息系统说明文档(LOCKGIS、php后台管理、三端一体PC-H5-微信小程序、百度地图jsAPI二次开发、标注弹窗导航)
漏刻有时智能地理信息系统,英文名称LOCKGIS(后文简称:LOCKGIS),基于百度地图JavaScript API,旨在帮助开发者在网站中构建功能丰富、交互性强的地图应用,将地理位置与数字化技术相结合,为用户提供实时、有效的地理信息服务。LOCKGIS通过web、移动端、桌面应用等方式,将地图数据和地理信息展示出来,方便用户实现地图浏览、地点搜索、路线规划等功能。原创 2023-05-15 18:41:50 · 1906 阅读 · 9 评论 -
微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)
- `getBdGeo`();定位封装函数; - `marker.addEventListener('dragend', function () {},`监听标注事件,手动调整景点 - `getCurrentPosition,`加载即自动采集当前位置的经纬度信息和城市地址信息;原创 2023-05-09 00:30:00 · 1672 阅读 · 1 评论 -
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
H5网页嵌入微信小程序,使用map组件、地图调起功能、腾讯百度高德导航页、返回web-view等功能的开发。原创 2023-05-04 19:06:41 · 2055 阅读 · 8 评论 -
微信小程序学习实录3(环境部署、百度地图微信小程序、单击更换图标、弹窗信息、导航、支持腾讯百度高德地图调起)
百度地图微信小程序JavaScript API(简称小程序JSAPI),支持在微信小程序中使用百度数据资源。小程序JSAPI是对百度地图Web服务API中的部分接口按照微信小程序的规范进行了前端JS封装,方便了微信小程序开发者的调用。原创 2023-05-02 21:38:29 · 2444 阅读 · 9 评论 -
百度地图采集经纬度坐标数据定位的javascript实战开发(地理坐标拾取系统、地址定位点选插件、实时定位、数据导入、地理编码、位置纠偏)
在百度地图的标注开发中,最为关键的操作就是经纬度坐标信息的拾取。在不同的应用场景,坐标的拾取方式不同。现就常见的地理坐标拾取系统、地址定位点选插件、手机端GPS实时定位、数据导入、地理编码、位置纠偏等做全面的介绍。原创 2023-04-29 01:00:00 · 15637 阅读 · 2 评论 -
手机端H5地图调起开发实战案例解析(百度高德腾讯地图调起、底部弹出层、提示安装地图导航APP)
地图调起功能,是地图URI API是为开发者提供直接调起地图产品(手机客户端)以满足特定业务场景下应用需求的程序接口,开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。原创 2023-04-22 10:17:17 · 2232 阅读 · 9 评论 -
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
基于百度地图jsAPI二次开发标注系统,是最常见的业务开发范围。针对不同的客户需求,会衍生出不同的展示方式。原创 2023-04-20 22:29:13 · 670 阅读 · 4 评论 -
GIS数据格式坐标转换(地球坐标WGS84、GCJ-02、火星坐标、百度坐标BD-09、国家大地坐标系CGCS2000)
地理信息系统 (GIS) 是一个创建、管理、分析和绘制所有类型数据的系统。GIS 将数据连接到地图,将位置数据(事物所在位置)与所有类型的描述性信息(事物在该位置的情况)集成到一起。这可以为适用于自然科学和几乎所有行业的制图和分析提供基础。GIS 帮助用户了解模式、关系和地理环境。其优势包括改善沟通、提高效率以及更好地管理和决策。解决使用百度webAPI坐标转换时的问题:X→GPS根据法律规定,不支持将任何类型的坐标转换为GPS坐标;原创 2023-02-12 15:55:51 · 18840 阅读 · 11 评论 -
数据可视化大屏百度地图绘制行政区域标注实战案例解析(个性化地图、标注、视频、控件、定位、检索)
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。原创 2023-02-10 19:59:51 · 2436 阅读 · 7 评论 -
高德地图开发实战案例:使用Loca数据源展示海量点标注(海量点、自定义分类图标、聚合、信息提示、3D控件)
loca 数据可视化 API 2.0是一个基于高德地图JS API 2.0的高性能地图数据可视化库,采用了和1.3版本中不同的架构模式和渲染管线,极大的提升了性能和渲染效果。数据源进行了标准化,仅支持标准的GeoJSON格式数据。在labelsLayer的icon配置项中,对image新增回调函数,读取geojson中对应的项目类型,进行自动加载图标。@漏刻有时。原创 2023-02-08 08:50:38 · 2868 阅读 · 1 评论 -
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
在数据可视化大屏的开发中,牵涉到地图类开发(即WEB GIS)的,主要使用百度地图、高德地图和腾讯地图。对于国内地图类开发平台而言,百度和高德是做WEB GIS的不二选择,腾讯地图基本使用于小程序类的开发。最终呈现动图。在开发过程中,涟漪动画的实现,自定义富文本弹窗,是重点和难点,除了对高德地图样例的理解和调试外,更需要结合实际的UI界面进行实现。原创 2023-01-13 19:29:35 · 1929 阅读 · 3 评论 -
python对接API二次开发高级实战案例解析:百度地图Web服务API封装函数(行政区划区域检索、地理编码、国内天气查询、IP定位、坐标转换)
百度地图Web服务API,为开发者提供http/https接口,即开发者通过http/https形式发起检索请求,获取返回json或xml格式的检索数据。用户可以基于此开发JavaScript、C#、C++、Java等语言的地图应用。在地理信息数据可视化(web GIS)的开发时,地点检索、地理编码、国内天气查询、IP定位、坐标转换等服务是比较常见的应用服务。原创 2023-01-09 12:22:21 · 2124 阅读 · 3 评论 -
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
在地图可视化中,经常需要对地图进行局部显示或隐藏。基于WebGL的模板检测,百度地图JSAPI GL提供了MapMask类用来控制地图元素的局部显示与隐藏。并可以针对POI标注、底图、楼块局部显示:只展示指定区域的地图及地图元素(poi标注、底图、楼块等),隐藏掉区域外的地图元素以突出重点。局部隐藏:隐藏掉局部区域地图元素,比如隐藏掉指定园区范围的地图元素,然后自定义叠加园区模型。局部隐藏适用于地图大级别情况,建议在zoom>=18级时使用;初始地图的中心点需要设置到掩膜区域内。原创 2023-01-07 17:02:29 · 2624 阅读 · 18 评论 -
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
百度地图和echarts的结合使用,是数据可视化大屏开发过程中最亮眼的搭配组合,而连接两者之间关系的就是bmap.js。百度地图的引入;百度地图个性化配置;echarts组件bmap的调用和参数设置;echarts散点图组件的调用;echarts路径图组件的调用;按照数据的不同条件判断柱图颜色;原创 2023-01-03 20:53:59 · 1156 阅读 · 29 评论 -
数据可视化大屏百度地图GPS轨迹位置感知状态开发实战案例解析(百度地图jsAPI,包含缩放控件、点线覆盖物、弹窗、标注图标分类功能)
默认全部GPS的位置状态,分为在线设备位置展示和所有设备位置展示(包含离线未运行的设备);指定GPS设备时间内的轨迹状态,默认2小时内的经纬度轨迹坐标线覆盖物的展示;指定GPS设备状态展示,包含运行状态和定位状态,由后台API传输数据确定;上述功能全部在SPA实现;百度地图开发平台提供的jsAPI功能比较详尽,同时对应版本的类库说明也比较具体。在实际开发的过程中,根据项目需求,需要对jsAPI进行多次的封装和调用。原创 2023-01-03 15:06:13 · 1689 阅读 · 4 评论 -
数据可视化大屏应急管理综合指挥调度系统完整案例详解(PHP-API、Echarts、百度地图)
本次数据可视化大屏应急管理综合指挥调度系统的开发,需求虽然简单,但是实现的过程确是十分的繁琐。必须将产品加载流程图分析清晰,做好底层的逻辑,才能根据需求开发对应的API接口。原创 2022-12-25 17:23:22 · 2383 阅读 · 6 评论 -
漏刻有时地理信息可视化百度地图标注系统本地Excel版说明书
漏刻有时(LOCKDATAV)地理信息可视化百度地图标注系统本地Excel版,简称地理信息可视化,指解决基于本地Excel作为数据表来提供百度地图标注和弹窗功能的地图开发软件系统。其特点如下:├─index.html …入口文件├─readme.txt …说明文件├─favicon.ico …收藏夹图标├─images …图片目录├─启动程序32.exe …32位电脑启动应用程序├─启动程序64.exe …64位电脑启动应用程序├─js …封装函数│ ├─layui …layui核心原创 2022-06-17 21:22:53 · 561 阅读 · 4 评论 -
百度地图API开发:停车场分布标注和检索静态版
基于百度地图jsAPI开发的静态标注和弹窗系统:实现数据检索、卫星和行政地图切换、信息弹窗等基础功能。原创 2022-06-13 18:56:02 · 760 阅读 · 1 评论 -
高德地图开发智慧社区网格化数据格式产生的无法单击事件的解决方案
在使用高德地图卫星图,由于默认使用了 v1.4.15版本,导致3D罗盘无法靠左,切换成v2.0版的,又导致网格鼠标高亮和单击事件失效。经过和官方版本的多次比较,经验如下:高德地图版本v1.4.15<script src="https://webapi.amap.com/maps?v=1.4.15&key=ca11d9894383ee611ed5c6696**"></script>v2.0<script src="https://webapi.ama.原创 2022-03-01 20:36:16 · 1004 阅读 · 0 评论 -
高德地图计算两点之间的距离并按升序排列
项目说明地图自动定位,获取坐标;或PC端单击事件获取坐标;返回指定半径范围的坐标; var p0 = [121.548181, 29.806906];//自动定位坐标,array var data = [ {name: 1, points: "116.434027,39.941037"}, {name: 2, points: "116.461665,39.941564"} ] var newArr = []; for (var原创 2022-02-27 14:33:31 · 730 阅读 · 0 评论 -
百度地图高级开发:map.getDistance计算多点之间的距离并输入矩阵
在数学中,一个距离矩阵是一个包含一组点两两之间距离的矩阵(即 二维数组)。因此给定N个欧几里得空间中的点,其距离矩阵就是一个非负实数作为元素的N×N的对称矩阵。——百度百科项目要点map.getDistance接口方法的使用;javascript循环的基础知识;地图及矩阵容器<div id="container"></div><div id="chtml"></div>异步加载地图 function loadJScript(.原创 2021-12-18 10:38:27 · 2126 阅读 · 2 评论 -
百度地图高级开发:上滑推拉菜单CSS解决方案
单页面前端,通过CSS动画实现推拉菜单。原创 2021-12-15 10:15:57 · 431 阅读 · 4 评论