WebGIS开发智慧校园（1）GIS开发的基本概念

最新推荐文章于 2025-08-27 17:54:47 发布
原创 最新推荐文章于 2025-08-27 17:54:47 发布 · 590 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#GIS开发 #GIS #WebGIS #智慧校园

测试高德API

先看测试效果：

在控制台输出AMap对象的相关信息，就证明引⼊通过了。 操作步骤：
1）在⾼德API注册并申请Key和密钥。
2）在vscode中新建⼯程，新建html⽂件。
3）输⼊代码：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<meta http-equiv="X-UA-Compatible
最低0.47元/天 解锁文章
WebGIS开发【智慧校园】实战案例：11. 测试高德API
2301_78220461的博客
09-04 506
本篇主要介绍测试高德API的一些地图容器和显示的基本操作，下一篇继续介绍测试⾼德API地图参数。
WebGIS开发【智慧校园】实战案例：1. GIS开发的基本概念和学习方法
2301_78220461的博客
09-03 1532
WebGIS是指：将前端可视化技术与GIS技术结合，提供更好的信息展示和用户交互。近年来，前端技术日新月异，突飞猛进，发展十分迅速，尤其是以canvas和webGL为代表的前端可视化技术不断完善。实现了很多酷炫的效果提供了良好的用户交互Web前端技术和GIS技术深度融合，涌现出了大量优秀的框架，如处理二维GIS的 openlayers leaflet处理三维GIS的MapBox GL CesiumGL 框架的出现，为开发者提供了极大的便利。
WebGIS第三课：测试高德API地图参数
zjjsd195的专栏
04-29 1408
# 1 中心点经纬度 通过指定中心点经纬度来调节地图的位置，中国的维度通常在20到45之间，经度在84到118之间，北京是116,40，武汉是114,30，可以测试一下。 # 2 缩放比例 是指当前地图的比例尺，一般是3-20,20就很大比例尺了，5比较小，可以用12左右，对城市级比较合适。 # 3 显示模式 就是2D还是3D模式，高德API的三维模式其实就是楼房具有高度，都是矢量数据，逼真度还可以，参见本图示例。 # 4 俯视角度 一般的俯视角度就是0，即上帝视角，这样看3D可能不是很明显。
GIS学习之WebGIS开发基础(二)：快速上手高德 JSAPI
m0_49392966的博客
02-17 1185
本篇带您快速了解：地图、图层、事件、点标记的最基本使用方法。对于矢量图形、信息窗体会在下一篇文章进行精讲
webgis入门实战案例——智慧校园
moneyhu的博客
05-09 2630
本文通过利用高德地图的JS API做一个关于智慧校园的小案例，主要内容有地图展示、地图控件的添加、标注点添加、地点打卡、驾车路径规划动画展示，文章末尾附有完整代码。后续将继续跟进其他学习案例。
WebGIS开发
Jasmin博客
03-29 1304
高德开发API注册账号，创建项目拿到key和密钥 高德key 3.展示地图 4.展示图层 5.地图控件 6.地图事件 6.1获取经纬度 7.点标记 8.交互式绘制点 9.灵活点标记 10.矢量图形 10.1折线 10.2多边形polygon 11.计算距离
WebGIS开发智慧校园（7）开发准备
最新发布
gis_witch的博客
08-27 672
本篇教程主要介绍了地图开放平台的一些基本操作，下一篇继续介绍地图的一些常规功能。+下方↓小助手，备注【智慧校园】免费获取 【完整版视频+笔记】
WebGIS开发智慧校园（2）WebGIS开发平台介绍
gis_witch的博客
08-21 777
基础平台，也称系统平台，提供全面的开发支持，为专业应用方向提供基础设施. 类似于手机里的Android IOS系统 常见的基础平台有：MapGISArcGISSuperMap这一篇主要介绍GIS开发相关的平台介绍和基础概念以及名词解释，是学习webgis开发的前置条件之一。下一章我们会开始搭建开发环境。+下方↓小助手，备注【智慧校园】免费获取 【完整版视频+笔记】
WebGIS开发智慧校园（3）开发环境搭建
gis_witch的博客
08-21 652
本篇承接上篇教程，介绍了一些安装前端编程工具VSCODE以及高德开放平台注册的流程。下篇我们介绍web开发内容。+下方↓小助手，备注【智慧校园】免费获取 【完整版视频+笔记】
高德地图 web api 使用
yorcentroll的博客
03-05 3375
1. 高德地图开发者官网新建开发账号 https://lbs.amap.com 2.在项目index.html中引入对应key值的web api 3.在相应的页面添加map元素，并初始化一个map对象 <div class="mapContainer" id="myMap"></div> _this.mapObj = new AMap.Map(...
高德地图API使用
三体问题
02-07 3921
高德地图二次开发提供了很多接口，功能强大。 首先需要申请一个KEY教程如下：链接 通过这个key替换 <script src="https://webapi.amap.com/maps?v=1.4.15&key=自己的KEY&plugin=AMap.Autocomplete"></script> 其中plugin=AMa...
高德地图API使用~Web开发~从创建到具体功能展示
weixin_47194802的博客
03-31 9216
如果你不想要这个原颜色，或者你做的大屏是其他颜色的，在高德地图API中打开控制台-找到自定义地图-你可以自己设计，也可找你的ui小姐姐给你设计，更甚至掏钱买他们现成的模板，选中点击分享，复制模板样式的id到代码中。在上面的for循环里面修改图片样式即可，也不一定非得用这一个图片，它遍历的每一项就是一个点嘛，所以你可以根据位置啊或者其他的来给他放不一样的图片。这个时候你会发现我们创建的图标，太大了，不符合我们的预期，所以我们接下来应该，修改图片大小----下面是具体代码，直接cv到我们刚刚的地图下面即可。
内网走nginx代理访问高德webapi2.0
邹玉杰（邹琼俊）的专栏
11-16 3239
需求：客户的电脑都只能访问内，服务器可以访问外网，客户电脑使用的项目中用到了高德webapi2.0。10.200.31.45:32100是我们的web服务器。 网上基本上都是对高德webapi1.4的配置方式，而web2.0有一些差别。 1.前端修改高德地图的js应用 如果是index.html引入， 修改之前的应用： <script type="text/javascript"...
高德地图Web服务API简介
深思纵似丁香结，一展芭蕉寸凡心。
01-22 2772
高德地图API最大优势：兼容各种浏览器。
高德地图的前端JS调用方法（课堂笔记）
weixin_73218936的博客
06-06 1981
个人程序开发以后要用。
高德开放平台API调用实战指南
K48932的博客
10-12 1万+
开发者可以在地图上添加自定义标记，以展示特定地点的信息。// 添加自定义标记position: [116.397428, 39.90923], // 标记的经纬度title: '高德公司', // 标记标题map: map // 将标记添加到地图});通过这个简单的标记，开发者可以在地图上展示特定地点，如用户的当前位置、公司地址等。高德开放平台的API为开发者提供了强大的位置服务工具，涵盖了地图展示、路线规划、定位服务、交通查询、智能调度等多个方面。
项目实训——后端篇1：使用高德地图WebAPI实现定位服务增强对话质量
qq_43723962的博客
05-29 1000
在项目实训开始时我便提出了一个设想，即基于用户的所在地址，在对话中增加一些信息，比如，提供附近可就诊的医院等。如今我将尝试实现这个功能步骤如下：1、注册高德地图API Key2、Java后端获取访问用户的IP地址3、根据获取到的IP地址和注册的高德地图API Key，访问高德地图的Web IP定位服务。
【高德地图API 项目实战】
a408492801的博客
12-25 2433
最近的一个项目中使用到了高德地图，分别在PC端和小程序端均有涉及，使用到了高德地图的两种服务平台：1、Web服务；2、Web端JS API。如果你所做的项目正好也考虑使用高德地图API，希望能对你有帮助。
【高德地图API】Web地图开发系列(一)
热门推荐
Augenstern_QXL的博客
09-27 2万+
✍、官方文档写的非常详细，本篇只是对官方文档的再解读，可能会有部分认知不准确，主要是为了入门高德地图jsapi的使用。
WebGIS开发：智慧校园项目与高德API应用
本资源是一份关于WebGIS开发的智慧校园笔记，主要针对高德API的使用进行深入讲解。笔记分为多个课程，涵盖了从基础入门到实际项目的实践应用。 WebGIS第一课：这节课的重点是测试高德API的集成。首先，学习者需要在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值