WebGIS开发智慧校园（9）点标记和几何计算

最新推荐文章于 2025-11-07 17:52:11 发布

原创

最新推荐文章于 2025-11-07 17:52:11 发布 · 300 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#WebGIS #GIS开发 #智慧校园

往期内容：
WebGIS开发智慧校园（1）GIS开发的基本概念
 WebGIS开发智慧校园（2）WebGIS开发平台介绍
 WebGIS开发智慧校园（3）开发环境搭建
 WebGIS开发智慧校园（4）Web开发HTML
WebGIS开发智慧校园（5）Web开发CSS
WebGIS开发智慧校园（6）JavaScript
WebGIS开发智慧校园（7）开发准备

+文末↓小助手，备注【智慧校园】免费获取【完整版视频+笔记源码】

点标记

1.地图事件

对于地图而言,当点击地图时，会触发一个地图的点击事件,进而会调用对应的事件处理函数

在事件处理函数中，可以获取事件对象

事件对象包括了很多信息，其中最主要的就是经纬度。

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GIS开发特训营

关注关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

WebGIS开发智慧校园（2）WebGIS开发平台介绍

gis_witch的博客

08-21

777

基础平台，也称系统平台，提供全面的开发支持，为专业应用方向提供基础设施. 类似于手机里的Android IOS系统常见的基础平台有：MapGISArcGISSuperMap这一篇主要介绍GIS开发相关的平台介绍和基础概念以及名词解释，是学习webgis开发的前置条件之一。下一章我们会开始搭建开发环境。+下方↓小助手，备注【智慧校园】免费获取【完整版视频+笔记】

WebGIS开发【智慧校园】实战案例：2. WebGIS开发平台介绍和基础概念

2301_78220461的博客

09-03

1428

参与评论您还未登录，请先登录后发表或查看评论

WebGIS开发【智慧校园】实战案例：9. 点标记和几何计算

2301_78220461的博客

09-04

368

本章主要介绍了地图事件和几何计算的一些概念，下一篇我们学习GIS开发中常见的地图格式GeoJSON。

WebGIS开发智慧校园（11）测试高德API

gis_witch的博客

10-15

470

本篇主要介绍测试高德API的一些地图容器和显示的基本操作，下一篇继续介绍测试⾼德API地图参数。

WebGIS开发智慧校园（12）测试高德API地图参数

gis_witch的博客

10-16

1073

文末↓小助手，备注【智慧校园】免费获取【完整版视频+笔记源码】

WebGIS开发智慧校园（15）地图点击事件的引入和点标记

gis_witch的博客

11-07

704

文末↓小助手，备注【智慧校园】无偿获取【完整版视频+笔记源码】

WebGIS开发智慧校园（13）地图的组成和操作

gis_witch的博客

10-31

292

如果不想看实时路况，想移除怎么办呢，按F12进⾏开发环境，选择console控制台，如图，输⼊。那么，这个功能怎么让⽤户能使⽤呢，可以做⼀个按钮来触发事件来实现。+文末↓小助手，备注【智慧校园】无偿获取【完整版视频+笔记源码】+下方↓小助手，备注【智慧校园】无偿获取【完整版视频+笔记】⾸先，指定是否⾃动刷新，其次，指定刷新间隔为180s。其实如果加个判断，做成⼀个按钮也可以的。地图是⼀层⼀层的，叠合在⼀起，组成完成的地图。这⾥做了两个按钮，⼀个添加，⼀个隐藏。将交通图层添加到map上，即可。

WebGIS开发智慧校园（10）GeoJSON

gis_witch的博客

10-14

363

GeoJSON是一种保存地理信息数据的格式。主要包括两个部分几何信息自定义属性!在自定义属性中，可以用键值对定义任意信息。本篇主要介绍geojson格式的概念，为后续实战做理论支撑。下一章我们正式开始智慧校园项目实战。![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/40afca8e3aa947a6a65b6fdda6628b0d.jpeg#pic_center)+下方↓小助手，备注【智慧校园】免费获取【完整版视频+笔记】

WebGIS开发智慧校园（14）地图控件的添加

gis_witch的博客

11-04

369

他和我们现在的WebGIS⼯程最⼤的不同就是上⾯有很多控件，⽤户可以操作的。⽐如右下⻆有加号和减号按钮，这叫做控件。如何在我们的⼯程中引⼊这些呢，下⾯来看。这是我们上⼀课看到的界⾯，这时候他下⾯有加号和减号按钮了。注意，鹰眼控件把⼯具条给挡住了，实际貌似⼯具条在右上显示，这⾥后期可以修改完善⼀下。⼀般在右下⻆显示地图的全景。这是切换为卫星图，并添加了路⽹和交通信息的地图。+文末↓小助手，备注【智慧校园】无偿获取【完整版视频+笔记源码】+文末↓小助手，备注【智慧校园】无偿获取【完整版视频+笔记源码】

WebGIS开发智慧校园笔记

04-23

WebGlS第一课：测试高德API并通过 ...WebGls第九课：智慧校园项目(1) WebGls第十课：智慧校园项目(2) WebGls第十一课：智慧校园项目(3) WebGlS第十二课:智慧校园项目(4）本文件为前20页，完整版请看文件内说明

WebGIS开发智慧校园（7）开发准备

gis_witch的博客

08-27

672

本篇教程主要介绍了地图开放平台的一些基本操作，下一篇继续介绍地图的一些常规功能。+下方↓小助手，备注【智慧校园】免费获取【完整版视频+笔记】

WebGIS开发智慧校园（3）开发环境搭建

gis_witch的博客

08-21

652

本篇承接上篇教程，介绍了一些安装前端编程工具VSCODE以及高德开放平台注册的流程。下篇我们介绍web开发内容。+下方↓小助手，备注【智慧校园】免费获取【完整版视频+笔记】

基于GEC6818平台的五子棋人机对战系统设计与实现

11-25

五子棋作为一种广为人知的策略性棋盘游戏，其基本规则易于掌握。在选定人机对战模式后，由程序执黑先行，用户执白应对。双方依次在棋盘上落子，任何一方在横向、纵向或斜向形成连续五个或更多同色棋子即获胜。项目资源涵盖多个技术领域的程序代码，涉及前后端开发、移动终端应用、操作系统、智能系统、物联网技术、信息管理系统、数据存储方案、硬件设计、大数据处理、教学资料、多媒体处理及网站构建等多个方向。具体技术实例包括嵌入式平台如STM32与ESP8266，编程语言如PHP、QT、C++、Java、Python、C#，系统开发如Linux与iOS，以及电子设计自动化工具和实时操作系统等。主要技术栈包含服务端开发语言Java、Python及Node.js，后端框架Spring Boot与Django，前端技术React、Angular与Vue，界面设计框架Bootstrap与Material-UI，数据库系统MySQL、PostgreSQL和MongoDB，缓存工具Redis，以及容器化部署方案Docker与Kubernetes。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

lv_0_20251125195629.mp4

11-25

lv_0_20251125195629.mp4

numpy、pandas、sklearn、pytorch等数据分析工具的一些使用技巧

11-25

NumPy数组操作实战技巧 numpy、pandas、sklearn、pytorch等数据分析工具的一些使用技巧

中国Cassandra数据库用户组开源社区项目-专注于Apache-Cassandra分布式NoSQL数据库技术研究与实践-提供技术文档下载与源码解析-集成Titan图数据库与Lu.zip

最新发布

11-25

Buffer内存管理实战技巧中国Cassandra数据库用户组开源社区项目_专注于Apache_Cassandra分布式NoSQL数据库技术研究与实践_提供技术文档下载与源码解析_集成Titan图数据库与Lu.zip中国Cassandra数据库用户组开源社区项目_专注于Apache_Cassandra分布式NoSQL数据库技术研究与实践_提供技术文档下载与源码解析_集成Titan图数据库与Lu.zip

图像处理基于电磁学优化算法的多阈值分割算法研究（Matlab代码实现）

11-25

【图像处理】基于电磁学优化算法的多阈值分割算法研究（Matlab代码实现）内容概要：本文研究基于电磁学优化算法（Electromagnetism-like Optimization, EMO）的多阈值图像分割方法，并通过Matlab代码实现。该方法借鉴电磁学中电荷间相互作用的机制，将图像分割问题转化为优化问题，利用EMO算法搜索最优阈值组合，以最大化分割效果的评价指标（如Otsu法或多级别熵）。文中详细介绍了EMO算法的基本原理、实现步骤及其在图像多阈值分割中的具体应用流程，展示了该算法能够有效避免传统方法易陷入局部最优的问题，从而获得更精确的分割结果。; 适合人群：具备图像处理基础知识和Matlab编程能力的高校学生、科研人员及工程技术人员。; 使用场景及目标：①解决复杂背景下图像的多目标分割问题，提升医学影像、遥感图像等领域的分割精度；②学习智能优化算法（如EMO）在图像处理中的实际应用，为研究新型分割算法提供技术参考和实现范例。; 阅读建议：在学习过程中应结合Matlab代码，深入理解EMO算法的寻优机制与图像分割评价函数的构建方法，建议自行调试不同参数对分割效果的影响，以加深对算法性能的理解。

DriverBooster12pro

11-25

DriverBooster12pro

Java8与Java21切换方法[项目代码]

11-25

本文介绍了如何通过设置环境变量实现Java8与Java21版本的自由切换，避免反复卸载安装。具体步骤包括分别安装Java8和Java21，设置JAVA_HOME环境变量指向所需版本，并调整Path变量中的路径顺序。此外，还提供了版本切换失效的解决方法，如重新打开cmd窗口或调整Path中路径的优先级。最后，文章提到了残留问题，如javac -version显示旧版本及java -version始终显示8版本的情况。

WebGIS开发：智慧校园项目与高德API应用

第九至第十二课：聚焦于智慧校园项目的具体实现，这些课程可能是围绕着校园内的设施管理、学生定位、活动规划等场景，结合WebGIS技术进行系统性的开发和应用。这些课程不仅理论扎实，还注重实践操作，从基础技术到...