news 2026/4/23 12:42:24

WebGIS开发智慧校园笔记 | 3.开发环境搭建

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
WebGIS开发智慧校园笔记 | 3.开发环境搭建

往期内容:
WebGIS开发智慧校园(1)GIS开发的基本概念
WebGIS开发智慧校园笔记 | 2.WebGIS开发平台介绍

本章主要介绍如何快速搭建开发环境 从零开始,手把手教大家安装:

  • 开发软件VSCode
  • 运行测试工具Chrome
  • 注册成为高德开放平台开发者
  • 注册账号
  • 创建应用

1. 第一节 VSCode

1)安装

我们写代码需要安装代码编辑工具,目前比较好用的推荐VSCode,免费而功能强大。

官网地址:Visual Studio Code - Code Editing. Redefined

安装过程

运行安装包 VSCodeSetup-x64-l,65.2.exe

2)配置

安装 live server插件,实现热更新

2 浏览器

做为代码的运行和测试环境,我们需要安装一个浏览器,这里推荐大家使用

  • chrome
  • Firefox

第2节-高德开放平台

  1. 注册账号

如果要使用高德的开放平台,我们需要先注册一个账号,成为开发者。
在高德API首页,点击注册

2. 创建应用

然后,我们创建一个应用,创建应用后,需要添加一个Key做为开发的身份认证。

1)登录

登录后进入控制台


2)创建应用

在控制台,选择: 应用管理>我的应用>创建新应用。

填写应用和名称

添加一个Key

总结:
本篇承接上篇教程,介绍了一些安装前端编程工具VSCODE以及高德开放平台注册的流程。

下篇我们介绍web开发内容。

+下方↓↓小助手,备注【智慧校园】领取完整版视频+源码

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/18 12:08:10

发型设计APP:GLM-4.6V-Flash-WEB推荐适合脸型的剪发样式

发型设计APP:GLM-4.6V-Flash-WEB推荐适合脸型的剪发样式 在美业数字化浪潮中,一个看似简单却长期未被真正解决的问题浮出水面:普通人如何知道自己适合什么发型?传统理发店依赖设计师经验,线上推荐又多是千篇一律的“圆…

作者头像 李华
网站建设 2026/4/23 11:13:00

基于springboot+vue的社区资源共享系统设计与实现(源码+lw+部署文档+讲解等)

课题介绍本课题旨在设计并实现一款基于SpringBootVue的社区资源共享系统,解决社区内资源分布不均、闲置资源利用率低、邻里间资源共享渠道匮乏、共享流程不规范及资源信息追溯困难等问题。系统采用前后端分离架构,后端以SpringBoot为核心开发框架构建高效…

作者头像 李华
网站建设 2026/4/18 0:40:31

停车场车牌与车型联合识别:GLM-4.6V-Flash-WEB多任务处理

停车场车牌与车型联合识别:GLM-4.6V-Flash-WEB多任务处理 在城市停车场的出入口,一辆轿车缓缓驶入,摄像头自动抓拍,不到一秒后系统已准确识别出“车牌号为粤B66888,白色丰田RAV4 SUV”,随即闸机抬起——整个…

作者头像 李华
网站建设 2026/4/20 1:56:02

保险理赔图像审核:GLM-4.6V-Flash-WEB判断事故真实性

保险理赔图像审核:GLM-4.6V-Flash-WEB判断事故真实性 在车险理赔的后台系统里,每天都有成千上万张事故照片涌入——前保险杠凹陷、尾灯破碎、车身刮擦……但其中有多少是真实碰撞?又有多少是拿网上图库拼凑出来的“假现场”?传统审…

作者头像 李华